Linear D3

by Vignesh Gopalakrishnan

HTML

<script src="https://rawgit.com/d3/d3/78ce531f79e82275fe50f975e784ee2be097226b/d3.js"></script>

CSS

body {
  background-color: 'white';
}

JavaScript

var measures = [80342811, 81525801, 81871484, 82091861, 82222377, 82230336, 82329806, 82554884, 83248941, 83319228, 83405527, 83590809, 83798776, 84495415, 84838930, 87659198, 87917526, 650585002, 653969124, 662350772, 662497739, 665329793, 666314478, 666829584, 679553822, 6724874024];
var colorScale = ["#f7fcfd", "#ccece6", "#66c2a4", "#238b45", "#00441b"];
var scale = d3.scale.linear().domain(measures).range(colorScale);

document.write('Linear ');
document.write(scale(100) + ',' + scale(83319228) + ',' + scale(653969124) + ',' + scale(662497739) + ',' + scale(666829584) + ',' + scale(679553822) + ',' + scale(6724874024)+' ');
scale = d3.scale.quantize().domain(measures).range(colorScale);

document.write('Quantize ');
document.write(scale(100) + ',' + scale(83319228) + ',' + scale(653969124) + ',' + scale(662497739) + ',' + scale(666829584) + ',' + scale(679553822) + ',' + scale(6724874024));