Realtime d3.js streamgraph that converts mouse coordinates into input data

<!DOCTYPE html>
<html>
<head>
    <script type="text/javascript" src="https://code.jquery.com/jquery-latest.js"></script>
    <script type="text/javascript" src="https://d3js.org/d3.v3.min.js"></script>
    <meta charset="utf-8">
</head>

var l = 2; // number of stream channels (layers)
        var n = 100;  // number of samples per layer
        var random = d3.random.normal(0, .2);
        var a = [];
        var b = [];

/*  Replace Math.random() with realtime mouse coords normalized to a 0:1 range. */ 
        var denom = { x: $(window).width(), y: $(window).height() };
        var currentMouseCoord = { x: 1, y: 1 };

/*  While mouse is moving over the streamgraph iframe, replace data stream with 
            realtime normalized mouse coordinates */
        $(document).mousemove(function(e) {
            currentMouseCoord.x = e.pageX/denom.x;
            currentMouseCoord.y = e.pageY/denom.y;
        }).mouseover();

/*  When mouse leaves the streamgraph iframe, reset data stream to constant 1 */
        $(document).mouseout(function(e) {
            currentMouseCoord.x = 1;
            currentMouseCoord.y = 1;
        }).mouseout();

function stream_index(d, i) {
            return {x: i, y: Math.max(0, d)};
        }

var data0 = d3.layout.stack().offset("wiggle")(stream_layers(l,n,0));
        var data1 = d3.layout.stack().offset("wiggle")(stream_layers(l,n,0));

//var color = d3.interpolateRgb("#aad", "#556");
        var color = d3.interpolateRgb("#f30", "#fdb");

var w = $(window).width();
        var h = 150;
        var mx = n - 1;
        var my = d3.max(data0.concat(data1), function(d) {
                return d3.max(d, function(d) {
                return d.y0 + d.y;
                });
            });

var vis = d3.select("body")
            .append("svg")
            .attr("width", w)
            .attr("height", h);

vis.selectAll("path")
            .data(data0)
            .enter().append("path")
            .style("fill", function() { return color(Math.random()); })
            .attr("d", area);

function transition() {

a.push(.01 + .01*Math.random());
            b.push(.01 + .01*Math.random());
            data0 = d3.layout.stack().offset("wiggle")(update_layers(l,n,0));

vis.selectAll("path").data(data0).attr("d", area).attr("transform", null).transition().duration(40).ease("linear").attr("transform", "translate(" + -w/n + ")").each("end", function (d,i) { if (i==0) transition();});

a.shift();
            b.shift();
        }

$(document).ready(transition());
        
    </script>
</body>
</html>

Modified http://code.jquery.com/jquery-latest.js to a secure url

Modified http://d3js.org/d3.v3.min.js to a secure url

https://code.jquery.com/jquery-latest.js

https://d3js.org/d3.v3.min.js