D3
OG
Old school D3 from simpler times
All examples
By author
By category
About
devgru
Full window
Github gist
Heatmap — basic
<html> <body> <script type='text/javascript' src='https://d3js.org/d3.v4.min.js'></script> <script> var url = "https://api.github.com/repos/mbostock/d3/stats/punch_card" var color = d3.scaleLinear().range(['white', 'blue']) d3.json(url, function (data) { color.domain(d3.extent(data, function (d) { return d[2] })) d3.select('body') .append('svg') .selectAll('rect') .data(data) .enter() .append('rect') .attr('x', function (d) { return d[1] * 20 }) .attr('y', function (d) { return d[0] * 20 }) .attr('width', 20) .attr('height', 20) .style('fill', function (d) { return color(d[2]) }) }) </script> </body> </html>
Modified
http://d3js.org/d3.v4.min.js
to a secure url
https://d3js.org/d3.v4.min.js