D3
OG
Old school D3 from simpler times
All examples
By author
By category
About
emagee
Full window
Github gist
Smile! Chocolate has been imported!
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <title>SVG, CSV, ETC</title> <style> body { background-color: saddlebrown; } .smile { stroke: red; stroke-width: 7; stroke-linecap: round; fill: none; } p { color: white; font-family: Helvetica, sans-serif; font-size: 26px; padding-left: 6px; } </style> <script type="text/javascript" src="https://d3js.org/d3.v3.min.js" charset="utf-8"></script> </head> <body> <svg width="320" height="330" > <circle cx="160" cy="160" r="150" fill="yellow" /> <ellipse cx="115" cy="130" rx="13" ry="23" fill="black" /> <ellipse cx="205" cy="130" rx="13" ry="23" fill="black" /> <path d="M115,205 C140,220 140,290 205,205" class="smile"/> </svg> <div> <p>Check the console, please.</p> </div> <script> d3.csv("cocoa2_2-final.csv", function(data) { console.log(data); }); </script> </body> </html>
Modified
http://d3js.org/d3.v3.min.js
to a secure url
https://d3js.org/d3.v3.min.js