| <html> | |
| <body> | |
| <script type='text/javascript' src='http://d3js.org/d3.v3.min.js'></script> | |
| <script> | |
| var url = "https://api.github.com/repos/mbostock/d3/stats/punch_card" | |
| var color = d3.scale.linear().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> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment