Skip to content

Instantly share code, notes, and snippets.

@tmcw
Created February 21, 2013 21:11
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save tmcw/5008288 to your computer and use it in GitHub Desktop.
Save tmcw/5008288 to your computer and use it in GitHub Desktop.
var svg = d3.select('svg');
var g = svg.append('g').attr('transform', 'translate(100,100)');
var pts = [];
d3.range(0, 16).map(function(y) {
pts.push(d3.range(0, 20).map(function(x) {
return { x: x, y: y };
}));
});
var path = g.selectAll('path')
.data(pts, function(d, i) { return i; })
.enter()
.append('path');
var l = d3.svg.line()
.interpolate('basis')
.x(function(d) { return d.x * 20; })
.y(function(d) { return d.y * 10; });
function jitter() {
pts.forEach(function(d) {
d.forEach(function(p) {
p.y += Math.random() - 0.5;
});
});
}
window.setInterval(function() {
jitter();
path.attr('d', l);
}, 100);
path.exit().remove();
path.attr('d', l);
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment