r websocket for interaction with d3

<!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" />

//            setTimeout(clearBar, duration + delay);
            
            function clearBar() {
                svg.selectAll("text").transition()
                    .duration(duration/2)
                    .remove();
                svg.selectAll(".y.axis").transition()
                    .duration(duration/2)
                    .remove();                    
                svg.selectAll("rect").transition()
                    .duration(duration)
                    .style("fill-opacity", 1e-6)
                    .remove();            
            }            
    
            function clearLine() {
                svg.selectAll(".line").remove();
                svg.selectAll(".dot").remove(); 
                svg.selectAll(".y.axis").remove();
                svg.selectAll(".x.axis").remove(); 
            } 
    
            function clearR() {
                svg.selectAll(".rline").remove();
                svg.selectAll(".rdot").remove(); 
                svg.selectAll(".y.axis").remove();
                svg.selectAll(".x.axis").remove(); 
            }

//            setTimeout(cumulLine, duration * 2 + delay);

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);

x = d3.time.scale()
                    .domain([perfdata[0].date, perfdata[perfdata.length - 1].date])
                    .range([0,width])
                    
                var y0 =  d3.max(symbols.map(function(d) { return d3.max(d.values.map(function(d) { return d.cumul; })); }));
                
                y
                  .domain([d3.min(symbols.map(function(d) { return d3.min(d.values.map(function(d) { return d.cumul; })); })), 
                          d3.max(symbols.map(function(d) { return d3.max(d.values.map(function(d) { return d.cumul; })); }))])
                  .range([height, 0])
                  .nice();
                
                var xAxis = d3.svg.axis()
                    .scale(x)
                    .ticks(d3.time.years, 1)
                    .tickSubdivide(data.length-1)
                    .tickValues([perfdata[0].date, perfdata[perfdata.length - 1].date])
                    .tickFormat(d3.time.format("%b %Y"));
                    
                var yAxis = d3.svg.axis().scale(y).orient("left");
                
                
                  // Add the x-axis.
                  svg.append("g")
                      .attr("class", "x axis")
                      .attr("transform", "translate(0," + y(1) + ")")
                      .call(xAxis);
                
                  // Add the y-axis.
                  svg.append("g")
                      .attr("class", "y axis")
                      //.attr("transform", "translate(" + width + ",0)")
                      .call(yAxis);

};
            
            function sendtoR() {
                //alert("tryingtosend");
                String.prototype.startsWith = function(str){return (this.indexOf(str) === 0);}

var socket = new WebSocket("ws://192.168.102.114: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") {
                            socket.send(JSON.stringify(origdata));
                        } else {
                            chartR(JSON.parse(msg.data));
                        }
                    }

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