JSFiddle - React, Tailwind, and code Playground

by tpew

HTML

<script src='http://d3js.org/d3.v3.js'></script>
<script src='http://d3js.org/topojson.v1.js'></script>
<script src='http://d3js.org/queue.v1.js'></script>
<script src='http://d3js.org/colorbrewer.v1.js'></script>

JavaScript

var color = d3.scale.threshold()
    .domain([50, 150, 350, 750, 1500])
    .range(colorbrewer['YlOrRd'][6]);

var width = 960, height = 500;
var svg = d3.select('body').append('svg')
    .attr('width', width)
    .attr('heigth', height)

queue()
    .defer(d3.json, '//nemetz.devg.ru/d3/russia_1e-7sr.json')
    .defer(d3.csv, '//nemetz.devg.ru/d3/Accidents.csv')
    .await(ready);

function ready(error, map, data){

}

var rateById = {};
data.forEach(function(d){
    rateById[d.RegionCode] = +d.Deaths
})