D3
OG
Old school D3 from simpler times
All examples
By author
By category
About
etachov
Full window
Github gist
Tachovsky Mod 2 Assignment
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Tachovsky - Mod 2 Assignment</title> <script type="text/javascript" src="https://d3js.org/d3.v3.js"></script> </head> <body> <p>Just a SVG image here; try looking in the console for data!</p> <svg width = "500" height = "500"> <!-- Two rectangles --> <rect x="5" y="25" width="400" height="400" stroke="#252525" stroke-width="5" fill="#7bccc4"/> <rect x="105" y="125" width="200" height="200" stroke="#252525" stroke-width="5" fill="#0868ac"/> <!-- And the lines connecting the rectangles --> <line x1="5" y1="25" x2="105" y2="125" stroke="#252525" stroke-width="5"/> <line x1="405" y1="25" x2="305" y2="125" stroke="#252525" stroke-width="5"/>s <line x1="405" y1="425" x2="305" y2="325" stroke="#252525" stroke-width="5"/> <line x1="5" y1="425" x2="105" y2="325" stroke="#252525" stroke-width="5"/> </svg> <script type="text/javascript"> // Loading my data to the console d3.csv("fad_2013_rol.csv", function(data) { console.log(data); }); </script> </body> </html>
Modified
http://d3js.org/d3.v3.js
to a secure url
https://d3js.org/d3.v3.js