D3
OG
Old school D3 from simpler times
All examples
By author
By category
About
SassOnTheRoad
Full window
Github gist
DVD32015: Module 2 Exercise
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>SVG Example</title> <style type="text/css"> body { background-color: #ddddff; } svg { background-color: white; } </style> </head> <body> <script src="https://d3js.org/d3.v3.min.js"></script> <script> d3.csv("London-Borough-Profiles.csv", function(d) { //barChartIt(d); return { area: d.area, pop: d.pop, hec: d.hec }; }); </script> <svg width="400" height="240"> <line transform="rotate(-27 100,139)" id="peak" y2="140" x2="42" y1="140" x1="160" stroke-width="4" stroke="#000000" fill="none"/> <ellipse ry="50" rx="50" id="head" cy="170" cx="100" stroke-width="5" stroke="#000000" fill="none"/> <ellipse ry="7" rx="8" id="eye 2" cy="158" cx="114" stroke-width="3" stroke="#000000" fill="none"/> <line id="smile" y2="200" x2="140" y1="185" x1="105" stroke-width="5" stroke="#000000" /> <line id="cheek" y2="189" x2="100" y1="178" x1="113" stroke-width="5" stroke="#000000" /> <text text-anchor="middle" font-family="serif" font-size="24" id="please" y="77" x="264" stroke-width="0" stroke="#000000" fill="#000000">Please Check</text> <text text-anchor="middle" font-family="serif" font-size="24" id="console" y="112" x="262" stroke-width="0" stroke="#000000" fill="#000000">the Console</text> </svg> </body> </html>
Modified
http://d3js.org/d3.v3.min.js
to a secure url
https://d3js.org/d3.v3.min.js