axys to excel to d3 to r and back

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8" />
  <title>d3.js Axys Chart</title>
  
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />

svg.selectAll(".labels")
                    .data(symbols[0].values.map(function(d) { return d.date; }))
                    .enter().append("text")
                        .attr("class", "labels")
                        .attr("text-anchor", "middle")
                        .attr("x", function(d,i) { return x(i) + x.rangeBand() / 2 ; })
                        .attr("y", height / 2 + 15)
                        .text(function(d) {return format(d) })
                        .style("fill-opacity", 1);

var socket = new WebSocket("ws://localhost:7681", "R");

try {
                    socket.onopen = function() {
                        document.getElementById("wsdi_status").textContent = " websocket connection opened ";
                        document.getElementById("statustd").style.backgroundColor = "#40ff40";
                    } 
                    
                    socket.onmessage = function got_packet(msg) {
                        if(msg.data=="hello") {
                            alert("got something");
                            socket.send(JSON.stringify(origdata));
                        } else {
                            //svg.remove();
                            //svg
                            d3.select("#svgchart").remove();
                            d3.select("body").selectAll("img").remove();
                            d3.select("body").selectAll("p").remove();
                            d3.select("body").selectAll("footer").remove();      
                            d3.select("body").append("img")
                                .attr("width","850")
                                .attr("height","500")
                                .attr("id","plot")
                                .attr("src",msg.data);
                            d3.select("body")
                                .append("p")
                                    .text("now thanks to R packages websockets and PerformanceAnalytics");                                
                        }
                    }

socket.onclose = function(){
                        document.getElementById("wsdi_status").textContent = " websocket connection CLOSED ";
                        document.getElementById("statustd").style.backgroundColor = "#ff4040";
                    }
                }
                catch(ex) {
                    document.getElementById("output").textContent = "Error: " + ex;
                }
            }
        </script>
   <br>
  <footer>
   <aside>
   <small> works best on Chrome <br />acknowledgements</small>
 
    <a href="https://d3js.org/"><small>d3.js</small></a>
   </aside>

</footer>
 </body>
</html>

Modified http://d3js.org/d3.v2.min.js?2.9.1 to a secure url

https://d3js.org/d3.v2.min.js?2.9.1