D3
OG
Old school D3 from simpler times
All examples
By author
By category
About
tejaser
Full window
Github gist
understanding svg
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> <div id="infovizDiv"> <svg style="width:500px;height:500px;border:1px lightgray solid;"> <path d="M 10,60 40,30 50,50 60,30 70,80" style="fill:black;stroke:gray;stroke-width:4px;" /> <polygon style="fill:gray;" points="80,400 120,400 160,440 120,480 60,460" /> <g> <line x1="200" y1="100" x2="450" y2="225" style="stroke:black;stroke-width:2px;"/> <circle cy="100" cx="200" r="30"/> <rect x="410" y="200" char="100" height="50" style="fill:pink;stroke:black;stroke-width:1px;" /> </g> </svg> </div> <script> d3.select("svg").style("background", "darkgray"); </script> </body>
https://d3js.org/d3.v4.min.js