D3
OG
Old school D3 from simpler times
All examples
By author
By category
About
merelyanode
Full window
Github gist
DVD3mod2_XL_includeSVG-loaddata
<! DOCTYPE HTML> <html> <head> <title>DVD3mod2_XL</title> <!--include D3 --> <script type="text/javascript" src="https://d3js.org/d3.v3.min.js" charset="utf-8"></script> </head> <body> <!--describe SVG object--> <svg xmlns:rdf="https://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns="https://www.w3.org/2000/svg" height="400" width="400" version="1.1" xmlns:cc="https://creativecommons.org/ns#" xmlns:dc="https://purl.org/dc/elements/1.1/"> <!-- <path fill="#830602" d="M20,431,232,50,664,145,779,361,705,605,299,768z"/> <path fill="#fb1a13" d="M75,436,216,183,501,247,529,550,262,661z"/> <path fill="#bc0903" d="M216,183,232,50,492,31,664,145,501,247z"/> <path fill="#a90803" d="M20,431,112,206,232,50,216,183,75,436z"/> <path fill="#640401" d="M153,625,20,431l55,5,187,225,37,107z"/> <path fill="#4d0301" --> <path fill="#830602" d="M10,215,116,25,332,72,390,180,352,302,150,384z"><title> I took this SVG file from Wikipedia and modified it for this layout ;-] </title></path> <path fill="#fb1a13" d="M38,218,108,91,250,124,265,275,131,330z"> <title> I took this SVG file from Wikipedia and modified it for this layout ;-] </title></path> <path fill="#bc0903" d="M108,92,116, 25,246,15,332,73,250,124z"><title> I took this SVG file from Wikipedia and modified it for this layout ;-] </title></path> <path fill="#a90803" d="M10,216,56,103,116,25,108,92,37,218z"><title> I took this SVG file from Wikipedia and modified it for this layout ;-] </title></path> <path fill="#640401" d="M77,313,10,216l28,3,94,112,18, 54z"><title> I took this SVG file from Wikipedia and modified it for this layout ;-] </title></path> <path fill="#4d0301" d="M131,330,265,275,353,303,278,367,150,384z"><title> I took this SVG file from Wikipedia and modified it for this layout ;-] </title></path> </svg> <!--use D3 to load data --> <script type="text/javascript"> d3.csv("2010FederalSTEMeducationInventory_XLd.csv", function(data) { //Log out to console 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