CBasis/.block

## .block
license: mit

## README.md

      
    Raw
  

              README.md
            
          
    Calendar heatmap adapted into a reusable chart for quick testing

loading of CSV json data, which is then quantized into a diverging color scale. The values are visualized as coloured cells per day. Days are arranged into columns by week, then grouped by month and years.

source
forked from eesur's block: d3 | reusable heatmap calendar

  
## d3_code_heatmap_cal.js
(function() {
    'use strict';

// *****************************************
// reusable heat-map chart
// *****************************************

    d3.eesur.heatmap = function module() {

        // input vars for getter setters
        var startYear = 2013,
            endYear = 2016,
            colourRangeStart = '#fae9e9',
            colourRangeEnd = '#d62728',
            width = 950,
            height = 475;

        var dispatch = d3.dispatch('_hover');

        function exports(_selection) {
            _selection.each(function(nestedData) {

                var colour = d3.scale.linear()
                    .range([colourRangeStart, colourRangeEnd]);

                var margin = {top: 20, right: 30, bottom: 20, left: 20};
                // update width and height to use margins for axis
                width = width - margin.left - margin.right;
                height = height - margin.top - margin.bottom;

                var years = d3.range(startYear, endYear).reverse(),
                    sizeByYear = height/years.length+1,
                    sizeByDay = d3.min([sizeByYear/8,width/54]),
                    day = function(d) { return (d.getDay() + 6) % 7; },
                    week = d3.time.format('%W'),
                    date = d3.time.format('%b %d');

                var svg = d3.select(this)
                    .append('svg')
                        .attr({
                           class: 'chart',
                           width: width + margin.left + margin.right,
                           height: height + margin.top + margin.bottom
                        })
                    .append('g')
                        .attr('transform', 'translate(' + margin.left + ',' + margin.top + ')');

                var year = svg.selectAll('.year')
                    .data(years)
                    .enter().append('g')
                        .attr('class', 'year')
                        .attr('transform', function(d,i) { return 'translate(30,' + i * sizeByYear + ')'; });

                year.append('text')
                    .attr({
                        class: 'year-title',
                        transform: 'translate(-38,' + sizeByDay * 3.5 + ')rotate(-90)',
                        'text-anchor': 'middle',
                        'font-weight': 'bold'
                    })
                    .text(function(d) { return d; });

                var rect = year.selectAll('.day')
                    .data(function (d) {
                      return (d === moment().year()) ? d3.time.days(new Date(d, 0, 1), new Date(d , moment().month(), moment().date())) : d3.time.days(new Date(d, 0, 1), new Date(d + 1, 0, 1));
                    })
                    .enter().append('rect')
                        .attr({
                            class: 'day',
                            width: sizeByDay,
                            height: sizeByDay,
                            x: function(d) { return week(d) * sizeByDay; },
                            y: function(d) { return day(d) * sizeByDay; }
                        });

                year.selectAll('.month')
                    .data(function (d) {
                        return d3.time.months(new Date(d, 0, 1), new Date(d + 1, 0, 1));
                    })
                    .enter().append('path')
                        .attr({
                            class: 'month',
                            d: monthPath
                        });

                // day and week titles
                var chartTitles = (function() {

                    var weekDays = ['Mon','Tue','Wed','Thu','Fri','Sat','Sun'],
                        month = ['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'];

                    var titlesDays = svg.selectAll('.year')
                        .selectAll('.titles-day')
                        .data(weekDays)
                        .enter().append('g')
                        .attr('class', 'titles-day')
                        .attr('transform', function (d, i) {
                            return 'translate(-5,' + sizeByDay*(i+1) + ')';
                        });

                    titlesDays.append('text')
                        .attr('class', function (d,i) { return weekDays[i]; })
                        .style('text-anchor', 'end')
                        .attr('dy', '-.25em')
                        .text(function (d, i) { return weekDays[i]; });

                    var titlesMonth = svg.selectAll('.year')
                        .selectAll('.titles-month')
                            .data(month)
                        .enter().append('g')
                            .attr('class', 'titles-month')
                            .attr('transform', function (d, i) {
                                return 'translate(' + (((i+1) * (width/12) )-30) + ',-5)';
                            });

                    titlesMonth.append('text')
                        .attr('class', function (d,i) { return month[i]; })
                        .style('text-anchor', 'end')
                        .text(function (d,i) { return month[i]; });

                })();

                function monthPath(t0) {
                    var t1 = new Date(t0.getFullYear(),
                        t0.getMonth() + 1, 0),
                        d0 = +day(t0), w0 = +week(t0),
                        d1 = +day(t1), w1 = +week(t1);

                    return 'M' + (w0 + 1) * sizeByDay + ',' + d0 * sizeByDay + 'H' + w0 * sizeByDay + 'V' + 7 * sizeByDay + 'H' + w1 * sizeByDay + 'V' + (d1 + 1) * sizeByDay + 'H' + (w1 + 1) * sizeByDay + 'V' + 0 + 'H' + (w0 + 1) * sizeByDay + 'Z';
                }

                // apply the heatmap colours
                colour.domain(d3.extent(d3.values(nestedData)));

                rect.filter(function (d) {
                        return d in nestedData;
                    })
                    .style('fill', function (d) {
                        return colour(nestedData[d]);
                    })
                    .on('mouseover', dispatch._hover);
            });
        }

        // overrides getter/setters
        exports.startYear = function(value) {
            if (!arguments.length) return startYear;
            startYear = value;
            return this;
        };
        exports.endYear = function(value) {
            if (!arguments.length) return endYear;
            endYear = value;
            return this;
        };
        exports.colourRangeStart = function(value) {
            if (!arguments.length) return colourRangeStart;
            colourRangeStart = value;
            return this;
        };
        exports.colourRangeEnd = function(value) {
            if (!arguments.length) return colourRangeEnd;
            colourRangeEnd = value;
            return this;
        };
        exports.width = function(value) {
            if (!arguments.length) return width;
            width = value;
            return this;
        };
        exports.height = function(value) {
            if (!arguments.length) return height;
            height = value;
            return this;
        };

        d3.rebind(exports, dispatch, 'on');
        return exports;

    };


}());

## heatmap_data.json
[
{ "date": "2014-03-02 00:00:00", "amount": "7" },
{ "date": "2014-03-03 00:00:00", "amount": "27" },
{ "date": "2014-03-24 00:00:00", "amount": "1" },
{ "date": "2014-03-29 00:00:00", "amount": "3" },
{ "date": "2014-04-22 00:00:00", "amount": "50" },
{ "date": "2014-04-23 00:00:00", "amount": "50" },
{ "date": "2014-04-24 00:00:00", "amount": "24" },
{ "date": "2014-04-25 00:00:00", "amount": "62" },
{ "date": "2014-04-26 00:00:00", "amount": "17" },
{ "date": "2014-04-28 00:00:00", "amount": "4" },
{ "date": "2014-04-29 00:00:00", "amount": "8" },
{ "date": "2014-04-30 00:00:00", "amount": "1" },
{ "date": "2014-05-01 00:00:00", "amount": "17" },
{ "date": "2014-05-02 00:00:00", "amount": "9" },
{ "date": "2014-05-03 00:00:00", "amount": "3" },
{ "date": "2014-05-04 00:00:00", "amount": "42" },
{ "date": "2014-05-05 00:00:00", "amount": "4" },
{ "date": "2014-05-06 00:00:00", "amount": "46" },
{ "date": "2014-05-07 00:00:00", "amount": "87" },
{ "date": "2014-05-08 00:00:00", "amount": "29" },
{ "date": "2014-05-10 00:00:00", "amount": "46" },
{ "date": "2014-05-11 00:00:00", "amount": "20" },
{ "date": "2014-05-12 00:00:00", "amount": "48" },
{ "date": "2014-05-13 00:00:00", "amount": "1" },
{ "date": "2014-05-14 00:00:00", "amount": "2" },
{ "date": "2014-05-15 00:00:00", "amount": "5" },
{ "date": "2014-05-16 00:00:00", "amount": "27" },
{ "date": "2014-05-17 00:00:00", "amount": "48" },
{ "date": "2014-05-18 00:00:00", "amount": "8" },
{ "date": "2014-05-19 00:00:00", "amount": "26" },
{ "date": "2014-05-20 00:00:00", "amount": "51" },
{ "date": "2014-05-21 00:00:00", "amount": "14" },
{ "date": "2014-05-22 00:00:00", "amount": "152" },
{ "date": "2014-05-23 00:00:00", "amount": "7" },
{ "date": "2014-05-24 00:00:00", "amount": "98" },
{ "date": "2014-05-25 00:00:00", "amount": "115" },
{ "date": "2014-05-27 00:00:00", "amount": "10" },
{ "date": "2014-05-29 00:00:00", "amount": "16" },
{ "date": "2014-05-30 00:00:00", "amount": "7" },
{ "date": "2014-05-31 00:00:00", "amount": "19" },
{ "date": "2014-06-01 00:00:00", "amount": "12" },
{ "date": "2014-06-02 00:00:00", "amount": "15" },
{ "date": "2014-06-04 00:00:00", "amount": "12" },
{ "date": "2014-06-05 00:00:00", "amount": "3" },
{ "date": "2014-06-06 00:00:00", "amount": "6" },
{ "date": "2014-06-07 00:00:00", "amount": "12" },
{ "date": "2014-06-08 00:00:00", "amount": "74" },
{ "date": "2014-06-09 00:00:00", "amount": "11" },
{ "date": "2014-06-10 00:00:00", "amount": "4" },
{ "date": "2014-06-11 00:00:00", "amount": "16" },
{ "date": "2014-06-12 00:00:00", "amount": "7" },
{ "date": "2014-06-13 00:00:00", "amount": "50" },
{ "date": "2014-06-14 00:00:00", "amount": "24" },
{ "date": "2014-06-15 00:00:00", "amount": "1" },
{ "date": "2014-06-16 00:00:00", "amount": "13" },
{ "date": "2014-06-17 00:00:00", "amount": "5" },
{ "date": "2014-06-18 00:00:00", "amount": "1" },
{ "date": "2014-06-19 00:00:00", "amount": "1" },
{ "date": "2014-06-20 00:00:00", "amount": "4" },
{ "date": "2014-06-21 00:00:00", "amount": "19" },
{ "date": "2014-06-22 00:00:00", "amount": "58" },
{ "date": "2014-06-23 00:00:00", "amount": "2" },
{ "date": "2014-06-24 00:00:00", "amount": "3" },
{ "date": "2014-06-25 00:00:00", "amount": "28" },
{ "date": "2014-06-26 00:00:00", "amount": "4" },
{ "date": "2014-06-27 00:00:00", "amount": "19" },
{ "date": "2014-06-28 00:00:00", "amount": "52" },
{ "date": "2014-06-29 00:00:00", "amount": "17" },
{ "date": "2014-07-01 00:00:00", "amount": "28" },
{ "date": "2014-07-02 00:00:00", "amount": "31" },
{ "date": "2014-07-03 00:00:00", "amount": "5" },
{ "date": "2014-07-04 00:00:00", "amount": "26" },
{ "date": "2014-07-05 00:00:00", "amount": "7" },
{ "date": "2014-07-06 00:00:00", "amount": "2" },
{ "date": "2014-07-07 00:00:00", "amount": "2" },
{ "date": "2014-07-08 00:00:00", "amount": "14" },
{ "date": "2014-07-09 00:00:00", "amount": "23" },
{ "date": "2014-07-10 00:00:00", "amount": "8" },
{ "date": "2014-07-11 00:00:00", "amount": "24" },
{ "date": "2014-07-12 00:00:00", "amount": "136" },
{ "date": "2014-07-13 00:00:00", "amount": "58" },
{ "date": "2014-07-15 00:00:00", "amount": "9" },
{ "date": "2014-07-16 00:00:00", "amount": "3" },
{ "date": "2014-07-17 00:00:00", "amount": "6" },
{ "date": "2014-07-18 00:00:00", "amount": "14" },
{ "date": "2014-07-19 00:00:00", "amount": "74" },
{ "date": "2014-07-20 00:00:00", "amount": "24" },
{ "date": "2014-07-21 00:00:00", "amount": "17" },
{ "date": "2014-07-23 00:00:00", "amount": "22" },
{ "date": "2014-07-24 00:00:00", "amount": "12" },
{ "date": "2014-07-26 00:00:00", "amount": "16" },
{ "date": "2014-07-27 00:00:00", "amount": "36" },
{ "date": "2014-07-28 00:00:00", "amount": "8" },
{ "date": "2014-07-29 00:00:00", "amount": "17" },
{ "date": "2014-07-30 00:00:00", "amount": "3" },
{ "date": "2014-07-31 00:00:00", "amount": "40" },
{ "date": "2014-08-01 00:00:00", "amount": "12" },
{ "date": "2014-08-03 00:00:00", "amount": "45" },
{ "date": "2014-08-04 00:00:00", "amount": "93" },
{ "date": "2014-08-05 00:00:00", "amount": "11" },
{ "date": "2014-08-06 00:00:00", "amount": "12" },
{ "date": "2014-08-07 00:00:00", "amount": "21" },
{ "date": "2014-08-08 00:00:00", "amount": "8" },
{ "date": "2014-08-09 00:00:00", "amount": "20" },
{ "date": "2014-08-10 00:00:00", "amount": "29" },
{ "date": "2014-08-11 00:00:00", "amount": "115" },
{ "date": "2014-08-12 00:00:00", "amount": "53" },
{ "date": "2014-08-13 00:00:00", "amount": "141" },
{ "date": "2014-08-14 00:00:00", "amount": "102" },
{ "date": "2014-08-15 00:00:00", "amount": "45" },
{ "date": "2014-08-16 00:00:00", "amount": "5" },
{ "date": "2014-08-17 00:00:00", "amount": "80" },
{ "date": "2014-08-18 00:00:00", "amount": "169" },
{ "date": "2014-08-19 00:00:00", "amount": "5" },
{ "date": "2014-08-20 00:00:00", "amount": "126" },
{ "date": "2014-08-21 00:00:00", "amount": "82" },
{ "date": "2014-08-22 00:00:00", "amount": "68" },
{ "date": "2014-08-23 00:00:00", "amount": "21" },
{ "date": "2014-08-24 00:00:00", "amount": "114" },
{ "date": "2014-08-25 00:00:00", "amount": "27" },
{ "date": "2014-08-26 00:00:00", "amount": "57" },
{ "date": "2014-08-27 00:00:00", "amount": "124" },
{ "date": "2014-08-28 00:00:00", "amount": "22" },
{ "date": "2014-08-29 00:00:00", "amount": "67" },
{ "date": "2014-08-30 00:00:00", "amount": "8" },
{ "date": "2014-08-31 00:00:00", "amount": "70" },
{ "date": "2014-09-02 00:00:00", "amount": "11" },
{ "date": "2014-09-03 00:00:00", "amount": "26" },
{ "date": "2014-09-04 00:00:00", "amount": "6" },
{ "date": "2014-09-05 00:00:00", "amount": "18" },
{ "date": "2014-09-06 00:00:00", "amount": "9" },
{ "date": "2014-09-07 00:00:00", "amount": "17" },
{ "date": "2014-09-08 00:00:00", "amount": "5" },
{ "date": "2014-09-09 00:00:00", "amount": "4" },
{ "date": "2014-09-10 00:00:00", "amount": "5" },
{ "date": "2014-09-11 00:00:00", "amount": "49" },
{ "date": "2014-09-12 00:00:00", "amount": "3" },
{ "date": "2014-09-13 00:00:00", "amount": "10" },
{ "date": "2014-09-14 00:00:00", "amount": "120" },
{ "date": "2014-09-15 00:00:00", "amount": "18" },
{ "date": "2014-09-16 00:00:00", "amount": "5" },
{ "date": "2014-09-17 00:00:00", "amount": "41" },
{ "date": "2014-09-18 00:00:00", "amount": "223" },
{ "date": "2014-09-19 00:00:00", "amount": "464" },
{ "date": "2014-09-20 00:00:00", "amount": "467" },
{ "date": "2014-09-22 00:00:00", "amount": "26" },
{ "date": "2014-09-23 00:00:00", "amount": "32" },
{ "date": "2014-09-24 00:00:00", "amount": "30" },
{ "date": "2014-09-25 00:00:00", "amount": "1" },
{ "date": "2014-09-26 00:00:00", "amount": "11" },
{ "date": "2014-09-27 00:00:00", "amount": "90" },
{ "date": "2014-09-28 00:00:00", "amount": "61" },
{ "date": "2014-09-29 00:00:00", "amount": "15" },
{ "date": "2014-09-30 00:00:00", "amount": "22" },
{ "date": "2014-10-01 00:00:00", "amount": "28" },
{ "date": "2014-10-02 00:00:00", "amount": "19" },
{ "date": "2014-10-03 00:00:00", "amount": "110" },
{ "date": "2014-10-04 00:00:00", "amount": "126" },
{ "date": "2014-10-05 00:00:00", "amount": "5" },
{ "date": "2014-10-06 00:00:00", "amount": "12" },
{ "date": "2014-10-07 00:00:00", "amount": "35" },
{ "date": "2014-10-08 00:00:00", "amount": "100" },
{ "date": "2014-10-09 00:00:00", "amount": "4" },
{ "date": "2014-10-10 00:00:00", "amount": "11" },
{ "date": "2014-10-11 00:00:00", "amount": "27" },
{ "date": "2014-10-12 00:00:00", "amount": "70" },
{ "date": "2014-10-13 00:00:00", "amount": "11" },
{ "date": "2014-10-14 00:00:00", "amount": "90" },
{ "date": "2014-10-15 00:00:00", "amount": "221" },
{ "date": "2014-10-16 00:00:00", "amount": "65" },
{ "date": "2014-10-18 00:00:00", "amount": "17" },
{ "date": "2014-10-19 00:00:00", "amount": "340" },
{ "date": "2014-10-20 00:00:00", "amount": "137" },
{ "date": "2014-10-21 00:00:00", "amount": "219" },
{ "date": "2014-10-22 00:00:00", "amount": "381" },
{ "date": "2014-10-23 00:00:00", "amount": "171" },
{ "date": "2014-10-24 00:00:00", "amount": "134" },
{ "date": "2014-10-25 00:00:00", "amount": "69" },
{ "date": "2014-10-26 00:00:00", "amount": "13" },
{ "date": "2014-10-27 00:00:00", "amount": "1" },
{ "date": "2014-10-28 00:00:00", "amount": "6" },
{ "date": "2014-10-29 00:00:00", "amount": "8" },
{ "date": "2014-10-30 00:00:00", "amount": "12" },
{ "date": "2014-10-31 00:00:00", "amount": "14" },
{ "date": "2014-11-01 00:00:00", "amount": "141" },
{ "date": "2014-11-02 00:00:00", "amount": "37" },
{ "date": "2014-11-03 00:00:00", "amount": "32" },
{ "date": "2014-11-04 00:00:00", "amount": "15" },
{ "date": "2014-11-05 00:00:00", "amount": "3" },
{ "date": "2014-11-06 00:00:00", "amount": "11" },
{ "date": "2014-11-07 00:00:00", "amount": "32" },
{ "date": "2014-11-08 00:00:00", "amount": "152" },
{ "date": "2014-11-09 00:00:00", "amount": "88" },
{ "date": "2014-11-10 00:00:00", "amount": "69" },
{ "date": "2014-11-11 00:00:00", "amount": "73" },
{ "date": "2014-11-12 00:00:00", "amount": "102" },
{ "date": "2014-11-13 00:00:00", "amount": "231" },
{ "date": "2014-11-14 00:00:00", "amount": "17" },
{ "date": "2014-11-15 00:00:00", "amount": "19" },
{ "date": "2014-11-16 00:00:00", "amount": "28" },
{ "date": "2014-11-17 00:00:00", "amount": "13" },
{ "date": "2014-11-18 00:00:00", "amount": "26" },
{ "date": "2014-11-19 00:00:00", "amount": "32" },
{ "date": "2014-11-20 00:00:00", "amount": "15" },
{ "date": "2014-11-21 00:00:00", "amount": "20" },
{ "date": "2014-11-22 00:00:00", "amount": "174" },
{ "date": "2014-11-23 00:00:00", "amount": "14" },
{ "date": "2014-11-24 00:00:00", "amount": "14" },
{ "date": "2014-11-25 00:00:00", "amount": "32" },
{ "date": "2014-11-26 00:00:00", "amount": "10" },
{ "date": "2014-11-27 00:00:00", "amount": "22" },
{ "date": "2014-11-28 00:00:00", "amount": "19" },
{ "date": "2014-11-29 00:00:00", "amount": "402" },
{ "date": "2014-11-30 00:00:00", "amount": "18" },
{ "date": "2014-12-01 00:00:00", "amount": "12" },
{ "date": "2014-12-02 00:00:00", "amount": "19" },
{ "date": "2014-12-03 00:00:00", "amount": "63" },
{ "date": "2014-12-04 00:00:00", "amount": "13" },
{ "date": "2014-12-05 00:00:00", "amount": "30" },
{ "date": "2014-12-06 00:00:00", "amount": "58" },
{ "date": "2014-12-07 00:00:00", "amount": "11" },
{ "date": "2014-12-08 00:00:00", "amount": "103" },
{ "date": "2014-12-09 00:00:00", "amount": "53" },
{ "date": "2014-12-10 00:00:00", "amount": "43" },
{ "date": "2014-12-11 00:00:00", "amount": "11" },
{ "date": "2014-12-12 00:00:00", "amount": "22" },
{ "date": "2014-12-13 00:00:00", "amount": "22" },
{ "date": "2014-12-14 00:00:00", "amount": "60" },
{ "date": "2014-12-15 00:00:00", "amount": "28" },
{ "date": "2014-12-16 00:00:00", "amount": "31" },
{ "date": "2014-12-17 00:00:00", "amount": "14" },
{ "date": "2014-12-18 00:00:00", "amount": "21" },
{ "date": "2014-12-19 00:00:00", "amount": "28" },
{ "date": "2014-12-20 00:00:00", "amount": "21" },
{ "date": "2014-12-22 00:00:00", "amount": "11" },
{ "date": "2014-12-23 00:00:00", "amount": "5" },
{ "date": "2014-12-24 00:00:00", "amount": "103" },
{ "date": "2014-12-25 00:00:00", "amount": "94" },
{ "date": "2014-12-26 00:00:00", "amount": "34" },
{ "date": "2014-12-27 00:00:00", "amount": "44" },
{ "date": "2014-12-28 00:00:00", "amount": "61" },
{ "date": "2014-12-29 00:00:00", "amount": "49" },
{ "date": "2014-12-30 00:00:00", "amount": "14" },
{ "date": "2014-12-31 00:00:00", "amount": "4" },
{ "date": "2015-01-04 00:00:00", "amount": "3" },
{ "date": "2016-11-26 00:00:00", "amount": "1" },
{ "date": " 00:00:00", "amount": "5148" },
{ "date": "2014-01-01 00:00:00", "amount": "24" },
{ "date": "2014-01-02 00:00:00", "amount": "3" },
{ "date": "2014-01-03 00:00:00", "amount": "2" },
{ "date": "2014-01-04 00:00:00", "amount": "36" },
{ "date": "2014-01-05 00:00:00", "amount": "83" },
{ "date": "2014-01-06 00:00:00", "amount": "145" },
{ "date": "2014-01-07 00:00:00", "amount": "152" },
{ "date": "2014-01-08 00:00:00", "amount": "94" },
{ "date": "2014-01-09 00:00:00", "amount": "27" },
{ "date": "2014-01-10 00:00:00", "amount": "28" },
{ "date": "2014-01-11 00:00:00", "amount": "13" },
{ "date": "2014-01-12 00:00:00", "amount": "1" },
{ "date": "2014-01-13 00:00:00", "amount": "2" },
{ "date": "2014-01-16 00:00:00", "amount": "5" },
{ "date": "2014-01-17 00:00:00", "amount": "6" },
{ "date": "2014-01-18 00:00:00", "amount": "7" },
{ "date": "2014-01-19 00:00:00", "amount": "37" },
{ "date": "2014-01-20 00:00:00", "amount": "2" },
{ "date": "2014-01-21 00:00:00", "amount": "2" },
{ "date": "2014-01-24 00:00:00", "amount": "1" },
{ "date": "2014-01-25 00:00:00", "amount": "6" },
{ "date": "2014-01-26 00:00:00", "amount": "117" },
{ "date": "2014-01-27 00:00:00", "amount": "12" },
{ "date": "2014-01-28 00:00:00", "amount": "28" },
{ "date": "2014-01-29 00:00:00", "amount": "4" },
{ "date": "2014-01-30 00:00:00", "amount": "12" },
{ "date": "2014-01-31 00:00:00", "amount": "35" },
{ "date": "2014-02-01 00:00:00", "amount": "19" },
{ "date": "2014-02-02 00:00:00", "amount": "12" },
{ "date": "2014-02-03 00:00:00", "amount": "2" },
{ "date": "2014-02-06 00:00:00", "amount": "10" },
{ "date": "2014-02-07 00:00:00", "amount": "2" },
{ "date": "2014-02-08 00:00:00", "amount": "4" },
{ "date": "2014-02-09 00:00:00", "amount": "15" },
{ "date": "2014-02-10 00:00:00", "amount": "22" },
{ "date": "2014-02-11 00:00:00", "amount": "1" },
{ "date": "2014-02-12 00:00:00", "amount": "1" },
{ "date": "2014-02-13 00:00:00", "amount": "1" },
{ "date": "2014-02-14 00:00:00", "amount": "18" },
{ "date": "2014-02-15 00:00:00", "amount": "10" },
{ "date": "2014-02-16 00:00:00", "amount": "11" },
{ "date": "2014-02-17 00:00:00", "amount": "6" },
{ "date": "2014-02-18 00:00:00", "amount": "2" },
{ "date": "2014-02-19 00:00:00", "amount": "58" },
{ "date": "2014-02-20 00:00:00", "amount": "10" },
{ "date": "2014-02-21 00:00:00", "amount": "8" },
{ "date": "2014-02-22 00:00:00", "amount": "85" },
{ "date": "2014-02-23 00:00:00", "amount": "49" },
{ "date": "2014-02-24 00:00:00", "amount": "17" },
{ "date": "2014-02-26 00:00:00", "amount": "78" },
{ "date": "2014-02-27 00:00:00", "amount": "38" },
{ "date": "2014-02-28 00:00:00", "amount": "6" },
{ "date": "2014-03-01 00:00:00", "amount": "44" },
{ "date": "2014-03-02 00:00:00", "amount": "53" },
{ "date": "2014-03-03 00:00:00", "amount": "16" },
{ "date": "2014-03-04 00:00:00", "amount": "13" },
{ "date": "2014-03-05 00:00:00", "amount": "1" },
{ "date": "2014-03-06 00:00:00", "amount": "1" },
{ "date": "2014-03-07 00:00:00", "amount": "2" },
{ "date": "2014-03-09 00:00:00", "amount": "18" },
{ "date": "2014-03-10 00:00:00", "amount": "1" },
{ "date": "2014-03-12 00:00:00", "amount": "35" },
{ "date": "2014-03-13 00:00:00", "amount": "9" },
{ "date": "2014-03-14 00:00:00", "amount": "25" },
{ "date": "2014-03-15 00:00:00", "amount": "19" },
{ "date": "2014-03-18 00:00:00", "amount": "4" },
{ "date": "2014-03-19 00:00:00", "amount": "6" },
{ "date": "2014-03-20 00:00:00", "amount": "8" },
{ "date": "2014-03-21 00:00:00", "amount": "2" },
{ "date": "2014-03-22 00:00:00", "amount": "6" },
{ "date": "2014-03-23 00:00:00", "amount": "8" },
{ "date": "2014-03-24 00:00:00", "amount": "9" },
{ "date": "2014-03-25 00:00:00", "amount": "18" },
{ "date": "2014-03-26 00:00:00", "amount": "32" },
{ "date": "2014-03-27 00:00:00", "amount": "16" },
{ "date": "2014-03-28 00:00:00", "amount": "19" },
{ "date": "2014-03-29 00:00:00", "amount": "20" },
{ "date": "2014-03-30 00:00:00", "amount": "43" },
{ "date": "2014-03-31 00:00:00", "amount": "6" },
{ "date": "2014-04-01 00:00:00", "amount": "2" },
{ "date": "2014-04-02 00:00:00", "amount": "18" },
{ "date": "2014-04-03 00:00:00", "amount": "4" },
{ "date": "2014-04-05 00:00:00", "amount": "6" },
{ "date": "2014-04-06 00:00:00", "amount": "14" },
{ "date": "2014-04-07 00:00:00", "amount": "44" },
{ "date": "2014-04-08 00:00:00", "amount": "40" },
{ "date": "2014-04-09 00:00:00", "amount": "45" },
{ "date": "2014-04-10 00:00:00", "amount": "1" },
{ "date": "2014-04-11 00:00:00", "amount": "4" },
{ "date": "2014-04-12 00:00:00", "amount": "61" },
{ "date": "2014-04-13 00:00:00", "amount": "55" },
{ "date": "2014-04-14 00:00:00", "amount": "21" },
{ "date": "2014-04-15 00:00:00", "amount": "2" },
{ "date": "2014-04-16 00:00:00", "amount": "44" },
{ "date": "2014-04-17 00:00:00", "amount": "10" },
{ "date": "2014-04-18 00:00:00", "amount": "25" },
{ "date": "2014-04-19 00:00:00", "amount": "28" },
{ "date": "2014-04-20 00:00:00", "amount": "75" },
{ "date": "2014-04-21 00:00:00", "amount": "30" },
{ "date": "2014-04-22 00:00:00", "amount": "44" },
{ "date": "2014-04-23 00:00:00", "amount": "37" },
{ "date": "2014-04-24 00:00:00", "amount": "16" },
{ "date": "2014-04-25 00:00:00", "amount": "49" },
{ "date": "2014-04-26 00:00:00", "amount": "10" },
{ "date": "2014-04-28 00:00:00", "amount": "9" },
{ "date": "2014-04-29 00:00:00", "amount": "7" },
{ "date": "2014-04-30 00:00:00", "amount": "2" },
{ "date": "2014-05-01 00:00:00", "amount": "13" },
{ "date": "2014-05-02 00:00:00", "amount": "16" },
{ "date": "2014-05-04 00:00:00", "amount": "39" },
{ "date": "2014-05-05 00:00:00", "amount": "3" },
{ "date": "2014-05-06 00:00:00", "amount": "36" },
{ "date": "2014-05-07 00:00:00", "amount": "80" },
{ "date": "2014-05-08 00:00:00", "amount": "22" },
{ "date": "2014-05-10 00:00:00", "amount": "49" },
{ "date": "2014-05-11 00:00:00", "amount": "20" },
{ "date": "2014-05-12 00:00:00", "amount": "40" },
{ "date": "2014-05-13 00:00:00", "amount": "4" },
{ "date": "2014-05-14 00:00:00", "amount": "4" },
{ "date": "2014-05-15 00:00:00", "amount": "4" },
{ "date": "2014-05-16 00:00:00", "amount": "24" },
{ "date": "2014-05-17 00:00:00", "amount": "33" },
{ "date": "2014-05-18 00:00:00", "amount": "8" },
{ "date": "2014-05-19 00:00:00", "amount": "30" },
{ "date": "2014-05-20 00:00:00", "amount": "25" },
{ "date": "2014-05-21 00:00:00", "amount": "11" },
{ "date": "2014-05-22 00:00:00", "amount": "130" },
{ "date": "2014-05-23 00:00:00", "amount": "6" },
{ "date": "2014-05-24 00:00:00", "amount": "105" },
{ "date": "2014-05-25 00:00:00", "amount": "117" },
{ "date": "2014-05-27 00:00:00", "amount": "2" },
{ "date": "2014-05-28 00:00:00", "amount": "2" },
{ "date": "2014-05-29 00:00:00", "amount": "7" },
{ "date": "2014-05-30 00:00:00", "amount": "4" },
{ "date": "2014-05-31 00:00:00", "amount": "18" },
{ "date": "2014-06-01 00:00:00", "amount": "12" },
{ "date": "2014-06-02 00:00:00", "amount": "10" },
{ "date": "2014-06-04 00:00:00", "amount": "10" },
{ "date": "2014-06-05 00:00:00", "amount": "4" },
{ "date": "2014-06-06 00:00:00", "amount": "4" },
{ "date": "2014-06-07 00:00:00", "amount": "16" },
{ "date": "2014-06-08 00:00:00", "amount": "78" },
{ "date": "2014-06-09 00:00:00", "amount": "19" },
{ "date": "2014-06-10 00:00:00", "amount": "8" },
{ "date": "2014-06-11 00:00:00", "amount": "18" },
{ "date": "2014-06-12 00:00:00", "amount": "7" },
{ "date": "2014-06-13 00:00:00", "amount": "56" },
{ "date": "2014-06-14 00:00:00", "amount": "16" },
{ "date": "2014-06-16 00:00:00", "amount": "8" },
{ "date": "2014-06-17 00:00:00", "amount": "8" },
{ "date": "2014-06-18 00:00:00", "amount": "1" },
{ "date": "2014-06-19 00:00:00", "amount": "3" },
{ "date": "2014-06-20 00:00:00", "amount": "1" },
{ "date": "2014-06-21 00:00:00", "amount": "25" },
{ "date": "2014-06-22 00:00:00", "amount": "50" },
{ "date": "2014-06-23 00:00:00", "amount": "11" },
{ "date": "2014-06-24 00:00:00", "amount": "5" },
{ "date": "2014-06-25 00:00:00", "amount": "23" },
{ "date": "2014-06-26 00:00:00", "amount": "14" },
{ "date": "2014-06-27 00:00:00", "amount": "21" },
{ "date": "2014-06-28 00:00:00", "amount": "46" },
{ "date": "2014-06-29 00:00:00", "amount": "18" },
{ "date": "2014-07-20 00:00:00", "amount": "25" },
{ "date": "2014-07-21 00:00:00", "amount": "15" },
{ "date": "2014-07-22 00:00:00", "amount": "3" },
{ "date": "2014-07-23 00:00:00", "amount": "38" },
{ "date": "2014-07-24 00:00:00", "amount": "7" },
{ "date": "2014-07-26 00:00:00", "amount": "20" },
{ "date": "2014-07-27 00:00:00", "amount": "40" },
{ "date": "2014-07-28 00:00:00", "amount": "18" },
{ "date": "2014-07-29 00:00:00", "amount": "18" },
{ "date": "2014-07-30 00:00:00", "amount": "2" },
{ "date": "2014-07-31 00:00:00", "amount": "33" },
{ "date": "2014-08-01 00:00:00", "amount": "9" },
{ "date": "2014-08-03 00:00:00", "amount": "72" },
{ "date": "2014-08-04 00:00:00", "amount": "152" },
{ "date": "2014-08-05 00:00:00", "amount": "18" },
{ "date": "2014-08-06 00:00:00", "amount": "20" },
{ "date": "2014-08-07 00:00:00", "amount": "24" },
{ "date": "2014-08-08 00:00:00", "amount": "8" },
{ "date": "2014-08-09 00:00:00", "amount": "22" },
{ "date": "2014-08-10 00:00:00", "amount": "34" },
{ "date": "2014-08-11 00:00:00", "amount": "104" },
{ "date": "2014-08-12 00:00:00", "amount": "54" },
{ "date": "2014-08-13 00:00:00", "amount": "153" },
{ "date": "2014-08-14 00:00:00", "amount": "101" },
{ "date": "2014-08-15 00:00:00", "amount": "42" },
{ "date": "2014-08-16 00:00:00", "amount": "8" },
{ "date": "2014-08-17 00:00:00", "amount": "78" },
{ "date": "2014-08-18 00:00:00", "amount": "156" },
{ "date": "2014-08-19 00:00:00", "amount": "11" },
{ "date": "2014-08-20 00:00:00", "amount": "118" },
{ "date": "2014-08-21 00:00:00", "amount": "92" },
{ "date": "2014-08-22 00:00:00", "amount": "68" },
{ "date": "2014-08-23 00:00:00", "amount": "21" },
{ "date": "2014-08-24 00:00:00", "amount": "91" },
{ "date": "2014-08-25 00:00:00", "amount": "17" },
{ "date": "2014-08-26 00:00:00", "amount": "37" },
{ "date": "2014-08-27 00:00:00", "amount": "88" },
{ "date": "2014-08-28 00:00:00", "amount": "18" },
{ "date": "2014-08-29 00:00:00", "amount": "46" },
{ "date": "2014-08-30 00:00:00", "amount": "11" },
{ "date": "2014-08-31 00:00:00", "amount": "52" },
{ "date": "2014-10-29 00:00:00", "amount": "2" },
{ "date": "2014-10-30 00:00:00", "amount": "3" },
{ "date": "2014-10-31 00:00:00", "amount": "1" },
{ "date": "2014-11-01 00:00:00", "amount": "33" },
{ "date": "2014-11-02 00:00:00", "amount": "10" },
{ "date": "2014-11-07 00:00:00", "amount": "35" },
{ "date": "2014-11-08 00:00:00", "amount": "43" },
{ "date": "2014-11-11 00:00:00", "amount": "2" },
{ "date": "2014-11-17 00:00:00", "amount": "1" },
{ "date": "2014-12-14 00:00:00", "amount": "67" },
{ "date": "2014-12-15 00:00:00", "amount": "21" },
{ "date": "2014-12-16 00:00:00", "amount": "36" },
{ "date": "2014-12-17 00:00:00", "amount": "15" },
{ "date": "2014-12-18 00:00:00", "amount": "21" },
{ "date": "2014-12-19 00:00:00", "amount": "27" },
{ "date": "2014-12-20 00:00:00", "amount": "17" },
{ "date": "2014-12-21 00:00:00", "amount": "1" },
{ "date": "2014-12-22 00:00:00", "amount": "6" },
{ "date": "2014-12-23 00:00:00", "amount": "3" },
{ "date": "2014-12-24 00:00:00", "amount": "162" },
{ "date": "2014-12-25 00:00:00", "amount": "320" },
{ "date": "2014-12-26 00:00:00", "amount": "106" },
{ "date": "2014-12-27 00:00:00", "amount": "106" },
{ "date": "2014-12-28 00:00:00", "amount": "173" },
{ "date": "2014-12-29 00:00:00", "amount": "65" },
{ "date": "2014-12-30 00:00:00", "amount": "20" },
{ "date": "2014-12-31 00:00:00", "amount": "10" },
{ "date": "2013-07-02 00:00:00", "amount": "2" },
{ "date": "2013-07-03 00:00:00", "amount": "3" },
{ "date": "2013-07-04 00:00:00", "amount": "10" },
{ "date": "2013-07-05 00:00:00", "amount": "6" },
{ "date": "2013-07-06 00:00:00", "amount": "217" },
{ "date": "2013-07-07 00:00:00", "amount": "43" },
{ "date": "2013-07-08 00:00:00", "amount": "15" },
{ "date": "2013-07-10 00:00:00", "amount": "2" },
{ "date": "2013-07-12 00:00:00", "amount": "15" },
{ "date": "2013-07-14 00:00:00", "amount": "39" },
{ "date": "2013-07-15 00:00:00", "amount": "5" },
{ "date": "2013-07-16 00:00:00", "amount": "14" },
{ "date": "2013-07-17 00:00:00", "amount": "28" },
{ "date": "2013-07-18 00:00:00", "amount": "1" },
{ "date": "2013-07-20 00:00:00", "amount": "34" },
{ "date": "2013-07-21 00:00:00", "amount": "38" },
{ "date": "2013-07-22 00:00:00", "amount": "40" },
{ "date": "2013-07-23 00:00:00", "amount": "65" },
{ "date": "2013-07-24 00:00:00", "amount": "129" },
{ "date": "2013-07-25 00:00:00", "amount": "140" },
{ "date": "2013-07-26 00:00:00", "amount": "18" },
{ "date": "2013-07-27 00:00:00", "amount": "135" },
{ "date": "2013-07-29 00:00:00", "amount": "110" },
{ "date": "2013-07-30 00:00:00", "amount": "21" },
{ "date": "2013-07-31 00:00:00", "amount": "12" },
{ "date": "2013-08-01 00:00:00", "amount": "276" },
{ "date": "2013-08-02 00:00:00", "amount": "50" },
{ "date": "2013-08-03 00:00:00", "amount": "80" },
{ "date": "2013-08-04 00:00:00", "amount": "77" },
{ "date": "2013-08-05 00:00:00", "amount": "73" },
{ "date": "2013-08-06 00:00:00", "amount": "55" },
{ "date": "2013-08-07 00:00:00", "amount": "14" },
{ "date": "2013-08-08 00:00:00", "amount": "53" },
{ "date": "2013-08-09 00:00:00", "amount": "148" },
{ "date": "2013-08-10 00:00:00", "amount": "210" },
{ "date": "2013-08-11 00:00:00", "amount": "187" },
{ "date": "2013-08-13 00:00:00", "amount": "4" },
{ "date": "2013-08-14 00:00:00", "amount": "33" },
{ "date": "2013-08-15 00:00:00", "amount": "2" },
{ "date": "2013-08-16 00:00:00", "amount": "4" },
{ "date": "2013-08-17 00:00:00", "amount": "90" },
{ "date": "2013-08-19 00:00:00", "amount": "4" },
{ "date": "2013-08-20 00:00:00", "amount": "2" },
{ "date": "2013-08-21 00:00:00", "amount": "2" },
{ "date": "2013-08-22 00:00:00", "amount": "3" },
{ "date": "2013-08-24 00:00:00", "amount": "37" },
{ "date": "2013-08-25 00:00:00", "amount": "10" },
{ "date": "2013-08-26 00:00:00", "amount": "3" },
{ "date": "2013-08-27 00:00:00", "amount": "4" },
{ "date": "2013-08-28 00:00:00", "amount": "18" },
{ "date": "2013-08-31 00:00:00", "amount": "29" },
{ "date": "2013-09-01 00:00:00", "amount": "9" },
{ "date": "2013-09-03 00:00:00", "amount": "22" },
{ "date": "2013-09-04 00:00:00", "amount": "1" },
{ "date": "2013-09-07 00:00:00", "amount": "1" },
{ "date": "2013-09-08 00:00:00", "amount": "1" },
{ "date": "2013-09-09 00:00:00", "amount": "6" },
{ "date": "2013-09-13 00:00:00", "amount": "1" },
{ "date": "2013-09-15 00:00:00", "amount": "1" },
{ "date": "2013-09-16 00:00:00", "amount": "6" },
{ "date": "2013-09-17 00:00:00", "amount": "31" },
{ "date": "2013-09-18 00:00:00", "amount": "31" },
{ "date": "2013-09-19 00:00:00", "amount": "31" },
{ "date": "2013-09-20 00:00:00", "amount": "66" },
{ "date": "2013-09-21 00:00:00", "amount": "146" },
{ "date": "2013-09-22 00:00:00", "amount": "17" },
{ "date": "2013-09-23 00:00:00", "amount": "1" },
{ "date": "2013-09-24 00:00:00", "amount": "2" },
{ "date": "2013-09-26 00:00:00", "amount": "1" },
{ "date": "2013-09-27 00:00:00", "amount": "1" },
{ "date": "2013-09-28 00:00:00", "amount": "172" },
{ "date": "2013-09-29 00:00:00", "amount": "4" },
{ "date": "2013-09-30 00:00:00", "amount": "4" },
{ "date": "2013-10-01 00:00:00", "amount": "4" },
{ "date": "2013-10-02 00:00:00", "amount": "3" },
{ "date": "2013-10-03 00:00:00", "amount": "2" },
{ "date": "2013-10-04 00:00:00", "amount": "1" },
{ "date": "2013-10-05 00:00:00", "amount": "1" },
{ "date": "2013-10-07 00:00:00", "amount": "1" },
{ "date": "2013-10-10 00:00:00", "amount": "1" },
{ "date": "2013-10-11 00:00:00", "amount": "4" },
{ "date": "2013-10-12 00:00:00", "amount": "54" },
{ "date": "2013-10-13 00:00:00", "amount": "24" },
{ "date": "2013-10-14 00:00:00", "amount": "6" },
{ "date": "2013-10-16 00:00:00", "amount": "35" },
{ "date": "2013-10-17 00:00:00", "amount": "132" },
{ "date": "2013-10-18 00:00:00", "amount": "77" },
{ "date": "2013-10-19 00:00:00", "amount": "216" },
{ "date": "2013-10-20 00:00:00", "amount": "1" },
{ "date": "2013-10-21 00:00:00", "amount": "2" },
{ "date": "2013-10-23 00:00:00", "amount": "9" },
{ "date": "2013-10-24 00:00:00", "amount": "1" },
{ "date": "2013-10-25 00:00:00", "amount": "1" },
{ "date": "2013-10-26 00:00:00", "amount": "7" },
{ "date": "2013-10-27 00:00:00", "amount": "5" },
{ "date": "2013-10-28 00:00:00", "amount": "6" },
{ "date": "2013-10-29 00:00:00", "amount": "1" },
{ "date": "2013-10-30 00:00:00", "amount": "7" },
{ "date": "2013-10-31 00:00:00", "amount": "29" },
{ "date": "2013-11-01 00:00:00", "amount": "11" },
{ "date": "2013-11-02 00:00:00", "amount": "48" },
{ "date": "2013-11-03 00:00:00", "amount": "104" },
{ "date": "2013-11-04 00:00:00", "amount": "55" },
{ "date": "2013-11-05 00:00:00", "amount": "289" },
{ "date": "2013-11-06 00:00:00", "amount": "103" },
{ "date": "2013-11-07 00:00:00", "amount": "26" },
{ "date": "2013-11-08 00:00:00", "amount": "32" },
{ "date": "2013-11-09 00:00:00", "amount": "25" },
{ "date": "2013-11-11 00:00:00", "amount": "10" },
{ "date": "2013-11-12 00:00:00", "amount": "22" },
{ "date": "2013-11-16 00:00:00", "amount": "11" },
{ "date": "2013-11-17 00:00:00", "amount": "19" },
{ "date": "2013-11-20 00:00:00", "amount": "2" },
{ "date": "2013-11-21 00:00:00", "amount": "3" },
{ "date": "2013-11-22 00:00:00", "amount": "1" },
{ "date": "2013-11-23 00:00:00", "amount": "65" },
{ "date": "2013-11-24 00:00:00", "amount": "12" },
{ "date": "2013-11-26 00:00:00", "amount": "2" },
{ "date": "2013-11-30 00:00:00", "amount": "5" },
{ "date": "2013-12-01 00:00:00", "amount": "31" },
{ "date": "2013-12-02 00:00:00", "amount": "66" },
{ "date": "2013-12-03 00:00:00", "amount": "18" },
{ "date": "2013-12-05 00:00:00", "amount": "4" },
{ "date": "2013-12-06 00:00:00", "amount": "8" },
{ "date": "2013-12-07 00:00:00", "amount": "26" },
{ "date": "2013-12-08 00:00:00", "amount": "1" },
{ "date": "2013-12-09 00:00:00", "amount": "126" },
{ "date": "2013-12-10 00:00:00", "amount": "14" },
{ "date": "2013-12-11 00:00:00", "amount": "26" },
{ "date": "2013-12-12 00:00:00", "amount": "6" },
{ "date": "2013-12-14 00:00:00", "amount": "29" },
{ "date": "2013-12-15 00:00:00", "amount": "21" },
{ "date": "2013-12-16 00:00:00", "amount": "32" },
{ "date": "2013-12-17 00:00:00", "amount": "10" },
{ "date": "2013-12-18 00:00:00", "amount": "33" },
{ "date": "2013-12-19 00:00:00", "amount": "9" },
{ "date": "2013-12-20 00:00:00", "amount": "2" },
{ "date": "2013-12-21 00:00:00", "amount": "11" },
{ "date": "2013-12-22 00:00:00", "amount": "13" },
{ "date": "2013-12-23 00:00:00", "amount": "14" },
{ "date": "2013-12-24 00:00:00", "amount": "31" },
{ "date": "2013-12-25 00:00:00", "amount": "2" },
{ "date": "2013-12-26 00:00:00", "amount": "31" },
{ "date": "2013-12-27 00:00:00", "amount": "17" },
{ "date": "2013-12-28 00:00:00", "amount": "17" },
{ "date": "2013-12-29 00:00:00", "amount": "10" },
{ "date": "2013-12-30 00:00:00", "amount": "10" },
{ "date": "2013-12-31 00:00:00", "amount": "52" },
{ "date": "2014-01-01 00:00:00", "amount": "24" },
{ "date": "2014-01-02 00:00:00", "amount": "3" },
{ "date": "2014-01-03 00:00:00", "amount": "2" },
{ "date": "2014-01-04 00:00:00", "amount": "36" },
{ "date": "2014-01-05 00:00:00", "amount": "83" },
{ "date": "2014-01-06 00:00:00", "amount": "145" },
{ "date": "2014-01-07 00:00:00", "amount": "152" },
{ "date": "2014-01-08 00:00:00", "amount": "94" },
{ "date": "2014-01-09 00:00:00", "amount": "27" },
{ "date": "2014-01-10 00:00:00", "amount": "28" },
{ "date": "2014-01-11 00:00:00", "amount": "13" },
{ "date": "2014-01-12 00:00:00", "amount": "1" },
{ "date": "2014-01-13 00:00:00", "amount": "2" },
{ "date": "2014-01-16 00:00:00", "amount": "5" },
{ "date": "2014-01-17 00:00:00", "amount": "6" },
{ "date": "2014-01-18 00:00:00", "amount": "7" },
{ "date": "2014-01-19 00:00:00", "amount": "37" },
{ "date": "2014-01-20 00:00:00", "amount": "2" },
{ "date": "2014-01-21 00:00:00", "amount": "2" },
{ "date": "2014-01-24 00:00:00", "amount": "1" },
{ "date": "2014-01-25 00:00:00", "amount": "6" },
{ "date": "2014-01-26 00:00:00", "amount": "117" },
{ "date": "2014-01-27 00:00:00", "amount": "12" },
{ "date": "2014-01-28 00:00:00", "amount": "28" },
{ "date": "2014-01-29 00:00:00", "amount": "4" },
{ "date": "2014-01-30 00:00:00", "amount": "12" },
{ "date": "2014-01-31 00:00:00", "amount": "35" },
{ "date": "2014-02-01 00:00:00", "amount": "19" },
{ "date": "2014-02-02 00:00:00", "amount": "12" },
{ "date": "2014-02-03 00:00:00", "amount": "2" },
{ "date": "2014-02-06 00:00:00", "amount": "10" },
{ "date": "2014-02-07 00:00:00", "amount": "2" },
{ "date": "2014-02-08 00:00:00", "amount": "4" },
{ "date": "2014-02-09 00:00:00", "amount": "15" },
{ "date": "2014-02-10 00:00:00", "amount": "22" },
{ "date": "2014-02-11 00:00:00", "amount": "1" },
{ "date": "2014-02-12 00:00:00", "amount": "1" },
{ "date": "2014-02-13 00:00:00", "amount": "1" },
{ "date": "2014-02-14 00:00:00", "amount": "18" },
{ "date": "2014-02-15 00:00:00", "amount": "10" },
{ "date": "2014-02-16 00:00:00", "amount": "11" },
{ "date": "2014-02-17 00:00:00", "amount": "6" },
{ "date": "2014-02-18 00:00:00", "amount": "2" },
{ "date": "2014-02-19 00:00:00", "amount": "58" },
{ "date": "2014-02-20 00:00:00", "amount": "10" },
{ "date": "2014-02-21 00:00:00", "amount": "8" },
{ "date": "2014-02-22 00:00:00", "amount": "85" },
{ "date": "2014-02-23 00:00:00", "amount": "49" },
{ "date": "2014-02-24 00:00:00", "amount": "17" },
{ "date": "2014-02-26 00:00:00", "amount": "78" },
{ "date": "2014-02-27 00:00:00", "amount": "38" },
{ "date": "2014-02-28 00:00:00", "amount": "6" },
{ "date": "2014-03-01 00:00:00", "amount": "44" },
{ "date": "2014-03-02 00:00:00", "amount": "53" },
{ "date": "2014-03-03 00:00:00", "amount": "16" },
{ "date": "2014-03-04 00:00:00", "amount": "13" },
{ "date": "2014-03-05 00:00:00", "amount": "1" },
{ "date": "2014-03-06 00:00:00", "amount": "1" },
{ "date": "2014-03-07 00:00:00", "amount": "2" },
{ "date": "2014-03-09 00:00:00", "amount": "18" },
{ "date": "2014-03-10 00:00:00", "amount": "1" },
{ "date": "2014-03-12 00:00:00", "amount": "35" },
{ "date": "2014-03-13 00:00:00", "amount": "9" },
{ "date": "2014-03-14 00:00:00", "amount": "25" },
{ "date": "2014-03-15 00:00:00", "amount": "19" },
{ "date": "2014-03-18 00:00:00", "amount": "4" },
{ "date": "2014-03-19 00:00:00", "amount": "6" },
{ "date": "2014-03-20 00:00:00", "amount": "8" },
{ "date": "2014-03-21 00:00:00", "amount": "2" },
{ "date": "2014-03-22 00:00:00", "amount": "6" },
{ "date": "2014-03-23 00:00:00", "amount": "8" },
{ "date": "2014-03-24 00:00:00", "amount": "9" },
{ "date": "2014-03-25 00:00:00", "amount": "18" },
{ "date": "2014-03-26 00:00:00", "amount": "32" },
{ "date": "2014-03-27 00:00:00", "amount": "16" },
{ "date": "2014-03-28 00:00:00", "amount": "19" },
{ "date": "2014-03-29 00:00:00", "amount": "20" },
{ "date": "2014-03-30 00:00:00", "amount": "43" },
{ "date": "2014-03-31 00:00:00", "amount": "6" },
{ "date": "2014-04-01 00:00:00", "amount": "2" },
{ "date": "2014-04-02 00:00:00", "amount": "18" },
{ "date": "2014-04-03 00:00:00", "amount": "4" },
{ "date": "2014-04-05 00:00:00", "amount": "6" },
{ "date": "2014-04-06 00:00:00", "amount": "14" },
{ "date": "2014-04-07 00:00:00", "amount": "44" },
{ "date": "2014-04-08 00:00:00", "amount": "40" },
{ "date": "2014-04-09 00:00:00", "amount": "45" },
{ "date": "2014-04-10 00:00:00", "amount": "1" },
{ "date": "2014-04-11 00:00:00", "amount": "4" },
{ "date": "2014-04-12 00:00:00", "amount": "61" },
{ "date": "2014-04-13 00:00:00", "amount": "55" },
{ "date": "2014-04-14 00:00:00", "amount": "21" },
{ "date": "2014-04-15 00:00:00", "amount": "2" },
{ "date": "2014-04-16 00:00:00", "amount": "44" },
{ "date": "2014-04-17 00:00:00", "amount": "10" },
{ "date": "2014-04-18 00:00:00", "amount": "25" },
{ "date": "2014-04-19 00:00:00", "amount": "28" },
{ "date": "2014-04-20 00:00:00", "amount": "75" },
{ "date": "2014-04-21 00:00:00", "amount": "30" },
{ "date": "2014-04-22 00:00:00", "amount": "44" },
{ "date": "2014-04-23 00:00:00", "amount": "37" },
{ "date": "2014-04-24 00:00:00", "amount": "16" },
{ "date": "2014-04-25 00:00:00", "amount": "49" },
{ "date": "2014-04-26 00:00:00", "amount": "10" },
{ "date": "2014-04-28 00:00:00", "amount": "9" },
{ "date": "2014-04-29 00:00:00", "amount": "7" },
{ "date": "2014-04-30 00:00:00", "amount": "2" },
{ "date": "2014-05-01 00:00:00", "amount": "13" },
{ "date": "2014-05-02 00:00:00", "amount": "16" },
{ "date": "2014-05-04 00:00:00", "amount": "39" },
{ "date": "2014-05-05 00:00:00", "amount": "3" },
{ "date": "2014-05-06 00:00:00", "amount": "36" },
{ "date": "2014-05-07 00:00:00", "amount": "80" },
{ "date": "2014-05-08 00:00:00", "amount": "22" },
{ "date": "2014-05-10 00:00:00", "amount": "49" },
{ "date": "2014-05-11 00:00:00", "amount": "20" },
{ "date": "2014-05-12 00:00:00", "amount": "40" },
{ "date": "2014-05-13 00:00:00", "amount": "4" },
{ "date": "2014-05-14 00:00:00", "amount": "4" },
{ "date": "2014-05-15 00:00:00", "amount": "4" },
{ "date": "2014-05-16 00:00:00", "amount": "24" },
{ "date": "2014-05-17 00:00:00", "amount": "33" },
{ "date": "2014-05-18 00:00:00", "amount": "8" },
{ "date": "2014-05-19 00:00:00", "amount": "30" },
{ "date": "2014-05-20 00:00:00", "amount": "25" },
{ "date": "2014-05-21 00:00:00", "amount": "11" },
{ "date": "2014-05-22 00:00:00", "amount": "130" },
{ "date": "2014-05-23 00:00:00", "amount": "6" },
{ "date": "2014-05-24 00:00:00", "amount": "105" },
{ "date": "2014-05-25 00:00:00", "amount": "117" },
{ "date": "2014-05-27 00:00:00", "amount": "2" },
{ "date": "2014-05-28 00:00:00", "amount": "2" },
{ "date": "2014-05-29 00:00:00", "amount": "7" },
{ "date": "2014-05-30 00:00:00", "amount": "4" },
{ "date": "2014-05-31 00:00:00", "amount": "18" },
{ "date": "2014-06-01 00:00:00", "amount": "12" },
{ "date": "2014-06-02 00:00:00", "amount": "10" },
{ "date": "2014-06-04 00:00:00", "amount": "10" },
{ "date": "2014-06-05 00:00:00", "amount": "4" },
{ "date": "2014-06-06 00:00:00", "amount": "4" },
{ "date": "2014-06-07 00:00:00", "amount": "16" },
{ "date": "2014-06-08 00:00:00", "amount": "78" },
{ "date": "2014-06-09 00:00:00", "amount": "19" },
{ "date": "2014-06-10 00:00:00", "amount": "8" },
{ "date": "2014-06-11 00:00:00", "amount": "18" },
{ "date": "2014-06-12 00:00:00", "amount": "7" },
{ "date": "2014-06-13 00:00:00", "amount": "56" },
{ "date": "2014-06-14 00:00:00", "amount": "16" },
{ "date": "2014-06-16 00:00:00", "amount": "8" },
{ "date": "2014-06-17 00:00:00", "amount": "8" },
{ "date": "2014-06-18 00:00:00", "amount": "1" },
{ "date": "2014-06-19 00:00:00", "amount": "3" },
{ "date": "2014-06-20 00:00:00", "amount": "1" },
{ "date": "2014-06-21 00:00:00", "amount": "25" },
{ "date": "2014-06-22 00:00:00", "amount": "50" },
{ "date": "2014-06-23 00:00:00", "amount": "11" },
{ "date": "2014-06-24 00:00:00", "amount": "5" },
{ "date": "2014-06-25 00:00:00", "amount": "23" },
{ "date": "2014-06-26 00:00:00", "amount": "14" },
{ "date": "2014-06-27 00:00:00", "amount": "21" },
{ "date": "2014-06-28 00:00:00", "amount": "46" },
{ "date": "2014-06-29 00:00:00", "amount": "18" },
{ "date": "2014-07-20 00:00:00", "amount": "25" },
{ "date": "2014-07-21 00:00:00", "amount": "15" },
{ "date": "2014-07-22 00:00:00", "amount": "3" },
{ "date": "2014-07-23 00:00:00", "amount": "38" },
{ "date": "2014-07-24 00:00:00", "amount": "7" },
{ "date": "2014-07-26 00:00:00", "amount": "20" },
{ "date": "2014-07-27 00:00:00", "amount": "40" },
{ "date": "2014-07-28 00:00:00", "amount": "18" },
{ "date": "2014-07-29 00:00:00", "amount": "18" },
{ "date": "2014-07-30 00:00:00", "amount": "2" },
{ "date": "2014-07-31 00:00:00", "amount": "33" },
{ "date": "2014-08-01 00:00:00", "amount": "9" },
{ "date": "2014-08-03 00:00:00", "amount": "72" },
{ "date": "2014-08-04 00:00:00", "amount": "152" },
{ "date": "2014-08-05 00:00:00", "amount": "18" },
{ "date": "2014-08-06 00:00:00", "amount": "20" },
{ "date": "2014-08-07 00:00:00", "amount": "24" },
{ "date": "2014-08-08 00:00:00", "amount": "8" },
{ "date": "2014-08-09 00:00:00", "amount": "22" },
{ "date": "2014-08-10 00:00:00", "amount": "34" },
{ "date": "2014-08-11 00:00:00", "amount": "104" },
{ "date": "2014-08-12 00:00:00", "amount": "54" },
{ "date": "2014-08-13 00:00:00", "amount": "153" },
{ "date": "2014-08-14 00:00:00", "amount": "101" },
{ "date": "2014-08-15 00:00:00", "amount": "42" },
{ "date": "2014-08-16 00:00:00", "amount": "8" },
{ "date": "2014-08-17 00:00:00", "amount": "78" },
{ "date": "2014-08-18 00:00:00", "amount": "156" },
{ "date": "2014-08-19 00:00:00", "amount": "11" },
{ "date": "2014-08-20 00:00:00", "amount": "118" },
{ "date": "2014-08-21 00:00:00", "amount": "92" },
{ "date": "2014-08-22 00:00:00", "amount": "68" },
{ "date": "2014-08-23 00:00:00", "amount": "21" },
{ "date": "2014-08-24 00:00:00", "amount": "91" },
{ "date": "2014-08-25 00:00:00", "amount": "17" },
{ "date": "2014-08-26 00:00:00", "amount": "37" },
{ "date": "2014-08-27 00:00:00", "amount": "88" },
{ "date": "2014-08-28 00:00:00", "amount": "18" },
{ "date": "2014-08-29 00:00:00", "amount": "46" },
{ "date": "2014-08-30 00:00:00", "amount": "11" },
{ "date": "2014-08-31 00:00:00", "amount": "52" },
{ "date": "2014-10-29 00:00:00", "amount": "2" },
{ "date": "2014-10-30 00:00:00", "amount": "3" },
{ "date": "2014-10-31 00:00:00", "amount": "1" },
{ "date": "2014-11-01 00:00:00", "amount": "33" },
{ "date": "2014-11-02 00:00:00", "amount": "10" },
{ "date": "2014-11-07 00:00:00", "amount": "35" },
{ "date": "2014-11-08 00:00:00", "amount": "43" },
{ "date": "2014-11-11 00:00:00", "amount": "2" },
{ "date": "2014-11-17 00:00:00", "amount": "1" },
{ "date": "2014-12-14 00:00:00", "amount": "67" },
{ "date": "2014-12-15 00:00:00", "amount": "21" },
{ "date": "2014-12-16 00:00:00", "amount": "36" },
{ "date": "2014-12-17 00:00:00", "amount": "15" },
{ "date": "2014-12-18 00:00:00", "amount": "21" },
{ "date": "2014-12-19 00:00:00", "amount": "27" },
{ "date": "2014-12-20 00:00:00", "amount": "17" },
{ "date": "2014-12-21 00:00:00", "amount": "1" },
{ "date": "2014-12-22 00:00:00", "amount": "6" },
{ "date": "2014-12-23 00:00:00", "amount": "3" },
{ "date": "2014-12-24 00:00:00", "amount": "162" },
{ "date": "2014-12-25 00:00:00", "amount": "320" },
{ "date": "2014-12-26 00:00:00", "amount": "106" },
{ "date": "2014-12-27 00:00:00", "amount": "106" },
{ "date": "2014-12-28 00:00:00", "amount": "173" },
{ "date": "2014-12-29 00:00:00", "amount": "65" },
{ "date": "2014-12-30 00:00:00", "amount": "20" },
{ "date": "2014-12-31 00:00:00", "amount": "10" },
{ "date": "2015-01-01 00:00:00", "amount": "48" },
{ "date": "2015-01-02 00:00:00", "amount": "23" },
{ "date": "2015-01-03 00:00:00", "amount": "43" },
{ "date": "2015-01-04 00:00:00", "amount": "111" },
{ "date": "2015-01-05 00:00:00", "amount": "150" },
{ "date": "2015-01-06 00:00:00", "amount": "107" },
{ "date": "2015-01-07 00:00:00", "amount": "62" },
{ "date": "2015-01-08 00:00:00", "amount": "101" },
{ "date": "2015-01-09 00:00:00", "amount": "100" },
{ "date": "2015-01-10 00:00:00", "amount": "9" },
{ "date": "2015-01-11 00:00:00", "amount": "18" },
{ "date": "2015-01-12 00:00:00", "amount": "19" },
{ "date": "2015-01-13 00:00:00", "amount": "37" },
{ "date": "2015-01-14 00:00:00", "amount": "55" },
{ "date": "2015-01-15 00:00:00", "amount": "21" },
{ "date": "2015-01-16 00:00:00", "amount": "13" },
{ "date": "2015-01-17 00:00:00", "amount": "25" },
{ "date": "2015-01-18 00:00:00", "amount": "58" },
{ "date": "2015-01-19 00:00:00", "amount": "19" },
{ "date": "2015-01-20 00:00:00", "amount": "22" },
{ "date": "2015-01-21 00:00:00", "amount": "13" },
{ "date": "2015-01-22 00:00:00", "amount": "26" },
{ "date": "2015-01-23 00:00:00", "amount": "18" },
{ "date": "2015-01-24 00:00:00", "amount": "34" },
{ "date": "2015-01-25 00:00:00", "amount": "10" },
{ "date": "2015-01-26 00:00:00", "amount": "45" },
{ "date": "2015-01-27 00:00:00", "amount": "20" },
{ "date": "2015-01-29 00:00:00", "amount": "131" },
{ "date": "2015-01-30 00:00:00", "amount": "34" },
{ "date": "2015-01-31 00:00:00", "amount": "33" },
{ "date": "2015-02-01 00:00:00", "amount": "44" },
{ "date": "2015-02-02 00:00:00", "amount": "8" },
{ "date": "2015-02-03 00:00:00", "amount": "10" },
{ "date": "2015-02-04 00:00:00", "amount": "14" },
{ "date": "2015-02-05 00:00:00", "amount": "23" },
{ "date": "2015-02-06 00:00:00", "amount": "1" },
{ "date": "2015-02-07 00:00:00", "amount": "8" },
{ "date": "2015-02-08 00:00:00", "amount": "28" },
{ "date": "2015-02-09 00:00:00", "amount": "3" },
{ "date": "2015-02-10 00:00:00", "amount": "1" },
{ "date": "2015-02-11 00:00:00", "amount": "13" },
{ "date": "2015-02-12 00:00:00", "amount": "6" },
{ "date": "2015-02-14 00:00:00", "amount": "2" },
{ "date": "2015-02-15 00:00:00", "amount": "25" },
{ "date": "2015-02-16 00:00:00", "amount": "104" },
{ "date": "2015-02-17 00:00:00", "amount": "11" },
{ "date": "2015-02-18 00:00:00", "amount": "5" },
{ "date": "2015-02-19 00:00:00", "amount": "5" },
{ "date": "2015-02-21 00:00:00", "amount": "3" },
{ "date": "2015-02-22 00:00:00", "amount": "10" },
{ "date": "2015-02-24 00:00:00", "amount": "14" },
{ "date": "2015-02-25 00:00:00", "amount": "7" },
{ "date": "2015-02-26 00:00:00", "amount": "3" },
{ "date": "2015-02-27 00:00:00", "amount": "4" },
{ "date": "2015-02-28 00:00:00", "amount": "79" },
{ "date": "2015-03-01 00:00:00", "amount": "4" },
{ "date": "2015-03-02 00:00:00", "amount": "104" },
{ "date": "2015-03-03 00:00:00", "amount": "73" },
{ "date": "2015-03-04 00:00:00", "amount": "25" },
{ "date": "2015-03-05 00:00:00", "amount": "5" },
{ "date": "2015-03-06 00:00:00", "amount": "15" },
{ "date": "2015-03-07 00:00:00", "amount": "21" },
{ "date": "2015-03-08 00:00:00", "amount": "36" },
{ "date": "2015-03-09 00:00:00", "amount": "22" },
{ "date": "2015-03-10 00:00:00", "amount": "6" },
{ "date": "2015-03-11 00:00:00", "amount": "6" },
{ "date": "2015-03-12 00:00:00", "amount": "21" },
{ "date": "2015-03-13 00:00:00", "amount": "29" },
{ "date": "2015-03-14 00:00:00", "amount": "15" },
{ "date": "2015-03-15 00:00:00", "amount": "46" },
{ "date": "2015-03-16 00:00:00", "amount": "1" },
{ "date": "2015-03-17 00:00:00", "amount": "50" },
{ "date": "2015-03-18 00:00:00", "amount": "35" },
{ "date": "2015-03-19 00:00:00", "amount": "32" },
{ "date": "2015-03-20 00:00:00", "amount": "42" },
{ "date": "2015-03-21 00:00:00", "amount": "195" },
{ "date": "2015-03-22 00:00:00", "amount": "14" },
{ "date": "2015-03-23 00:00:00", "amount": "7" },
{ "date": "2015-03-25 00:00:00", "amount": "10" },
{ "date": "2015-03-26 00:00:00", "amount": "13" },
{ "date": "2015-03-27 00:00:00", "amount": "19" },
{ "date": "2015-03-28 00:00:00", "amount": "11" },
{ "date": "2015-03-29 00:00:00", "amount": "9" },
{ "date": "2015-03-30 00:00:00", "amount": "10" },
{ "date": "2015-03-31 00:00:00", "amount": "59" },
{ "date": "2015-04-01 00:00:00", "amount": "74" },
{ "date": "2015-04-02 00:00:00", "amount": "54" },
{ "date": "2015-04-03 00:00:00", "amount": "3" },
{ "date": "2015-04-04 00:00:00", "amount": "41" },
{ "date": "2015-04-05 00:00:00", "amount": "143" },
{ "date": "2015-04-06 00:00:00", "amount": "24" },
{ "date": "2015-04-07 00:00:00", "amount": "55" },
{ "date": "2015-04-08 00:00:00", "amount": "11" },
{ "date": "2015-04-09 00:00:00", "amount": "48" },
{ "date": "2015-04-10 00:00:00", "amount": "19" },
{ "date": "2015-04-11 00:00:00", "amount": "3" },
{ "date": "2015-04-12 00:00:00", "amount": "59" },
{ "date": "2015-04-13 00:00:00", "amount": "2" },
{ "date": "2015-04-14 00:00:00", "amount": "29" },
{ "date": "2015-04-15 00:00:00", "amount": "53" },
{ "date": "2015-04-16 00:00:00", "amount": "36" },
{ "date": "2015-04-17 00:00:00", "amount": "48" },
{ "date": "2015-04-18 00:00:00", "amount": "112" },
{ "date": "2015-04-19 00:00:00", "amount": "47" },
{ "date": "2015-04-20 00:00:00", "amount": "129" },
{ "date": "2015-04-21 00:00:00", "amount": "56" },
{ "date": "2015-04-22 00:00:00", "amount": "34" },
{ "date": "2015-04-23 00:00:00", "amount": "5" },
{ "date": "2015-04-24 00:00:00", "amount": "91" },
{ "date": "2015-04-25 00:00:00", "amount": "18" },
{ "date": "2015-04-26 00:00:00", "amount": "56" },
{ "date": "2015-04-27 00:00:00", "amount": "5" },
{ "date": "2015-04-28 00:00:00", "amount": "30" },
{ "date": "2015-04-29 00:00:00", "amount": "82" }
]

## index.html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>d3 | reusable heatmap calendar</title>
  <meta name="author" content="Sundar Singh | eesur.com">

  <link rel="stylesheet" href="main.css">
  <script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/3.10.1/lodash.min.js" charset="utf-8"></script>
  <script src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.10.6/moment.min.js"></script>
</head>
<body>

  <article>
    <header>
      <span id="info">info</span>
    </header>
    <section id="heatmap"></section>
  </article>

  <script> d3.eesur = {}; //namespace  </script>
  <script src="d3_code_heatmap_cal.js"></script>
  <script>
  // *****************************************
  // render chart
  // *****************************************
  (function() {
      'use strict';

      var nestedData;
      var parseDate = d3.time.format('%Y-%m-%d').parse;

      // create chart
      var heatChart = d3.eesur.heatmap()
          .colourRangeStart('#FDBB30')
          .colourRangeEnd('#EE3124')
          .height(800)
          .startYear('2011')
          .endYear('2016')
          .on('_hover', function (d, i) {
              var f = d3.time.format('%B %d, %Y');
              d3.select('#info')
                  .text(function () {
                      return 'date: ' + f(d) + ' | value: ' + nestedData[d];
                  });
          });

      // apply after nesting data
      d3.json('heatmap_data.json', function(error, data) {

          if (error) return console.warn(error);

          nestedData = d3.nest()
              .key(function (d) { return parseDate(d.date.split(' ')[0]); })
              .rollup(function (n) {
                  return d3.sum(n, function (d) {
                      return d.amount; // key
                  });
              })
              .map(data);

          // console.log(nestedData);

          // render chart
          d3.select('#heatmap')
              .datum(nestedData)
              .call(heatChart);

      });

  }());

  d3.select(self.frameElement).style('height', '900px');

  </script>

</body>

</html>


## main.css
@import url(http://fonts.googleapis.com/css?family=Source+Code+Pro:400,600);
body {
    font-family: "Source Code Pro", Consolas, monaco, monospace;
    line-height: 1.5;
  font-weight: 400;
}
.day {
  fill: #fff;
  stroke: black;
  stroke-width: .5px;
}
.month {
  fill: none;
  stroke: white;
  stroke-width: 1px;
}
.year-title {
  font-size: 18px;
  letter-spacing: 10px;
  fill: #00B0DD;
}
#info {
  position: absolute;
  top: 10px;
  left: 40px;
  font-size: 13px;
}
header {
  position: fixed;
  left: 0;
  top: 0;
  height: 33px;
  width: 100%;
  background: #ffff00;
  opacity: 0.9;
  z-index: 22;
  background: #00B0DD;
  color: white;
}
#heatmap {
  padding-top: 30px;
}
svg text {
  font-size: 11px;
  text-transform: uppercase;
  fill: #00B0DD;
}
	(function() {
	'use strict';

	// *****************************************
	// reusable heat-map chart
	// *****************************************

	d3.eesur.heatmap = function module() {

	// input vars for getter setters
	var startYear = 2013,
	endYear = 2016,
	colourRangeStart = '#fae9e9',
	colourRangeEnd = '#d62728',
	width = 950,
	height = 475;

	var dispatch = d3.dispatch('_hover');

	function exports(_selection) {
	_selection.each(function(nestedData) {

	var colour = d3.scale.linear()
	.range([colourRangeStart, colourRangeEnd]);

	var margin = {top: 20, right: 30, bottom: 20, left: 20};
	// update width and height to use margins for axis
	width = width - margin.left - margin.right;
	height = height - margin.top - margin.bottom;

	var years = d3.range(startYear, endYear).reverse(),
	sizeByYear = height/years.length+1,
	sizeByDay = d3.min([sizeByYear/8,width/54]),
	day = function(d) { return (d.getDay() + 6) % 7; },
	week = d3.time.format('%W'),
	date = d3.time.format('%b %d');

	var svg = d3.select(this)
	.append('svg')
	.attr({
	class: 'chart',
	width: width + margin.left + margin.right,
	height: height + margin.top + margin.bottom
	})
	.append('g')
	.attr('transform', 'translate(' + margin.left + ',' + margin.top + ')');

	var year = svg.selectAll('.year')
	.data(years)
	.enter().append('g')
	.attr('class', 'year')
	.attr('transform', function(d,i) { return 'translate(30,' + i * sizeByYear + ')'; });

	year.append('text')
	.attr({
	class: 'year-title',
	transform: 'translate(-38,' + sizeByDay * 3.5 + ')rotate(-90)',
	'text-anchor': 'middle',
	'font-weight': 'bold'
	})
	.text(function(d) { return d; });

	var rect = year.selectAll('.day')
	.data(function (d) {
	return (d === moment().year()) ? d3.time.days(new Date(d, 0, 1), new Date(d , moment().month(), moment().date())) : d3.time.days(new Date(d, 0, 1), new Date(d + 1, 0, 1));
	})
	.enter().append('rect')
	.attr({
	class: 'day',
	width: sizeByDay,
	height: sizeByDay,
	x: function(d) { return week(d) * sizeByDay; },
	y: function(d) { return day(d) * sizeByDay; }
	});

	year.selectAll('.month')
	.data(function (d) {
	return d3.time.months(new Date(d, 0, 1), new Date(d + 1, 0, 1));
	})
	.enter().append('path')
	.attr({
	class: 'month',
	d: monthPath
	});

	// day and week titles
	var chartTitles = (function() {

	var weekDays = ['Mon','Tue','Wed','Thu','Fri','Sat','Sun'],
	month = ['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'];

	var titlesDays = svg.selectAll('.year')
	.selectAll('.titles-day')
	.data(weekDays)
	.enter().append('g')
	.attr('class', 'titles-day')
	.attr('transform', function (d, i) {
	return 'translate(-5,' + sizeByDay*(i+1) + ')';
	});

	titlesDays.append('text')
	.attr('class', function (d,i) { return weekDays[i]; })
	.style('text-anchor', 'end')
	.attr('dy', '-.25em')
	.text(function (d, i) { return weekDays[i]; });

	var titlesMonth = svg.selectAll('.year')
	.selectAll('.titles-month')
	.data(month)
	.enter().append('g')
	.attr('class', 'titles-month')
	.attr('transform', function (d, i) {
	return 'translate(' + (((i+1) * (width/12) )-30) + ',-5)';
	});

	titlesMonth.append('text')
	.attr('class', function (d,i) { return month[i]; })
	.style('text-anchor', 'end')
	.text(function (d,i) { return month[i]; });

	})();

	function monthPath(t0) {
	var t1 = new Date(t0.getFullYear(),
	t0.getMonth() + 1, 0),
	d0 = +day(t0), w0 = +week(t0),
	d1 = +day(t1), w1 = +week(t1);

	return 'M' + (w0 + 1) * sizeByDay + ',' + d0 * sizeByDay + 'H' + w0 * sizeByDay + 'V' + 7 * sizeByDay + 'H' + w1 * sizeByDay + 'V' + (d1 + 1) * sizeByDay + 'H' + (w1 + 1) * sizeByDay + 'V' + 0 + 'H' + (w0 + 1) * sizeByDay + 'Z';
	}

	// apply the heatmap colours
	colour.domain(d3.extent(d3.values(nestedData)));

	rect.filter(function (d) {
	return d in nestedData;
	})
	.style('fill', function (d) {
	return colour(nestedData[d]);
	})
	.on('mouseover', dispatch._hover);
	});
	}

	// overrides getter/setters
	exports.startYear = function(value) {
	if (!arguments.length) return startYear;
	startYear = value;
	return this;
	};
	exports.endYear = function(value) {
	if (!arguments.length) return endYear;
	endYear = value;
	return this;
	};
	exports.colourRangeStart = function(value) {
	if (!arguments.length) return colourRangeStart;
	colourRangeStart = value;
	return this;
	};
	exports.colourRangeEnd = function(value) {
	if (!arguments.length) return colourRangeEnd;
	colourRangeEnd = value;
	return this;
	};
	exports.width = function(value) {
	if (!arguments.length) return width;
	width = value;
	return this;
	};
	exports.height = function(value) {
	if (!arguments.length) return height;
	height = value;
	return this;
	};

	d3.rebind(exports, dispatch, 'on');
	return exports;

	};


	}());
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="utf-8">
	<title>d3 \| reusable heatmap calendar</title>
	<meta name="author" content="Sundar Singh \| eesur.com">

	<link rel="stylesheet" href="main.css">
	<script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/3.10.1/lodash.min.js" charset="utf-8"></script>
	<script src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.10.6/moment.min.js"></script>
	</head>
	<body>

	<article>
	<header>
	<span id="info">info</span>
	</header>
	<section id="heatmap"></section>
	</article>

	<script> d3.eesur = {}; //namespace </script>
	<script src="d3_code_heatmap_cal.js"></script>
	<script>
	// *****************************************
	// render chart
	// *****************************************
	(function() {
	'use strict';

	var nestedData;
	var parseDate = d3.time.format('%Y-%m-%d').parse;

	// create chart
	var heatChart = d3.eesur.heatmap()
	.colourRangeStart('#FDBB30')
	.colourRangeEnd('#EE3124')
	.height(800)
	.startYear('2011')
	.endYear('2016')
	.on('_hover', function (d, i) {
	var f = d3.time.format('%B %d, %Y');
	d3.select('#info')
	.text(function () {
	return 'date: ' + f(d) + ' \| value: ' + nestedData[d];
	});
	});

	// apply after nesting data
	d3.json('heatmap_data.json', function(error, data) {

	if (error) return console.warn(error);

	nestedData = d3.nest()
	.key(function (d) { return parseDate(d.date.split(' ')[0]); })
	.rollup(function (n) {
	return d3.sum(n, function (d) {
	return d.amount; // key
	});
	})
	.map(data);

	// console.log(nestedData);

	// render chart
	d3.select('#heatmap')
	.datum(nestedData)
	.call(heatChart);

	});

	}());

	d3.select(self.frameElement).style('height', '900px');

	</script>

	</body>

	</html>
	@import url(http://fonts.googleapis.com/css?family=Source+Code+Pro:400,600);
	body {
	font-family: "Source Code Pro", Consolas, monaco, monospace;
	line-height: 1.5;
	font-weight: 400;
	}
	.day {
	fill: #fff;
	stroke: black;
	stroke-width: .5px;
	}
	.month {
	fill: none;
	stroke: white;
	stroke-width: 1px;
	}
	.year-title {
	font-size: 18px;
	letter-spacing: 10px;
	fill: #00B0DD;
	}
	#info {
	position: absolute;
	top: 10px;
	left: 40px;
	font-size: 13px;
	}
	header {
	position: fixed;
	left: 0;
	top: 0;
	height: 33px;
	width: 100%;
	background: #ffff00;
	opacity: 0.9;
	z-index: 22;
	background: #00B0DD;
	color: white;
	}
	#heatmap {
	padding-top: 30px;
	}
	svg text {
	font-size: 11px;
	text-transform: uppercase;
	fill: #00B0DD;
	}