D3
OG
Old school D3 from simpler times
All examples
By author
By category
About
warell
Full window
Github gist
D3 Course Module 2
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>SVG Example</title> <script type="text/javascript" src="https://d3js.org/d3.v3.js"></script> <style type="text/css"> body { background-color: #ffffff; } svg { background-color: #333333; } </style> </head> <body> <svg width="400" height="400"> <polygon points="200,10 180,60 220,60" fill="red"/> <rect x="180" y="60" width="40" height="200" fill="#AA0000"/> <polygon points="180,190 180,250 140,300" fill="red"/> <polygon points="220,190 220,250 260,300" fill="red"/> <line x1="190" y1="270" x2="170" y2="380" stroke="grey" stroke-width="4"/> <line x1="200" y1="270" x2="200" y2="380" stroke="grey" stroke-width="4"/> <line x1="210" y1="270" x2="230" y2="380" stroke="grey" stroke-width="4"/> <text x="0" y="100" fill="gold" transform="rotate(-30, 30,30)" font-size="30" font-family="Helvetica">Way to go!!</text> </svg> <script type="text/javascript"> //Load in contents of CSV file d3.csv("NuclearEnergyConsumption1965-2012.csv", function(data) { //Now CSV contents have been transformed into //an array of JSON objects. //Log 'data' to the console, for verification. console.log(data); }); </script> <p>Data has been loaded!</p> </body> </html>
Modified
http://d3js.org/d3.v3.js
to a secure url
https://d3js.org/d3.v3.js