xxxxxxxxxx<html lang="en"><head> <meta charset="utf-8" /> <title>SVG, CSV, ETC</title> <style> body { background-color: OrangeRed; } .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