D3
OG
Old school D3 from simpler times
All examples
By author
By category
About
ssongalice
Full window
Github gist
Songyi Lim - Drawing svg and loading in csv data
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script src="https://d3js.org/d3.v3.min.js" charset="utf-8"></script> </head> <body> <p>Thanks for watching! you can see my data using console.</p> <script type="text/javascript"> d3.csv("data.csv", function(error,data){ console.log(data); }); </script> <svg width="600px" height="600px"> <circle cx="100" cy="150" r="60" fill="#F06060" opacity="0.7"/> <circle cx="100" cy="140" r="70" fill="#F06060" opacity="0.5"/> <circle cx="100" cy="130" r="80" fill="#F06060" opacity="0.4"/> <circle cx="100" cy="120" r="90" fill="#F06060" opacity="0.3"/> <circle cx="100" cy="110" r="100" fill="#F06060" opacity="0.2"/> </svg> </body> </html>
Modified
http://d3js.org/d3.v3.min.js
to a secure url
https://d3js.org/d3.v3.min.js