D3
OG
Old school D3 from simpler times
All examples
By author
By category
About
hanshenSun
Full window
Github gist
Tree Tutorial
Built with
blockbuilder.org
<!DOCTYPE html> <head> <meta charset="utf-8"> <script src="https://d3js.org/d3.v4.min.js"></script> <style> body { margin:0;position:fixed;top:0;right:0;bottom:0;left:0; } </style> </head> <body> <script> var tree = d3.tree() .size([600,600]); d3.json("flare.json", function(data){ var nodes = tree.nodes(data); var links = tree.links(nodes); var node = canvas.selectAll(".node") .data(nodes) .enter() .apped("g") .attr("class", "node") .attr("transform", function(d){return "translate(" + d.x + d.y + ")"; }) }) </script> </body>
https://d3js.org/d3.v4.min.js