index.html

## index.html
<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] }))
    var nestedData = d3.nest()
        .key(function (d) { return d[0] })
        .entries(data)

    d3.select('body')
        .append('svg')
        .selectAll('g')
        .data(nestedData)
        .enter()
        .append('g')
        .selectAll('rect')
        .data(function (d) { return d.values })
        .enter()
        .append('rect')
        .attr('x', function (d, i) { return i * 20 })
        .attr('y', function (d, i, j) { return j * 20 })
        .attr('width', 20)
        .attr('height', 20)
        .style('fill', function (d) { return color(d[2]) })
})
</script>
</body>
</html>