D3
OG
Old school D3 from simpler times
All examples
By author
By category
About
MohamedZaki
Full window
Github gist
Fr-GRP
Built with
blockbuilder.org
forked from
aurelient
's block:
<!DOCTYPE html> <head> <meta charset="utf-8"> <script src="https://d3js.org/d3.v3.min.js"></script> <style> body { margin:0;position:fixed;top:0;right:0;bottom:0;left:0; } </style> </head> <body> <script> var width = 700, height = 580; var svg = d3.select( "body" ) .append( "svg" ) .attr( "width", width ) .attr( "height", height ); var projection = d3.geo.conicConformal().center([1.454071, 46.279229]).scale(3000) var color = d3.scale.quantize() .range([ 'rgb(255,255,178)', 'rgb(254,217,118)', 'rgb(254,178,76)', 'rgb(253,141,60)', 'rgb(252,78,42)', 'rgb(227,26,28)', 'rgb(177,0,38)']); var path = d3.geo.path() .projection(projection); d3.csv("grippe.csv", function (data){ color.domain[900,4200]; d3.json("regions.json", function(json) { for(var i =0; i< data.length; i++){ var dataregion = data[i].region; var datavalue = data[i].somme2014; for(var j=0; j<json.features.length; j++){ } } svg.selectAll("path") .data(json.features) .enter() .append("path") .attr("d", path); }); }); </script> </body>
https://d3js.org/d3.v3.min.js