d3.js 紀要

// Enter & Exit 

var p = d3.select("body").selectAll("p").data([4, 8, 15, 16, 23, 42]).text(String);

p.enter().append("p").text(String); 

p.exit().remove();

//scale

var x = d3.scale.linear().domain([0, d3.max(data)]).range([0, 420]);  

x(120); 

//過渡動畫

d3.selectAll("circle").transition().duration(750).delay(function(d, i) { return i * 10; }).attr("r", function(d) { return Math.sqrt(d * scale); });