// global data variable

    var data = null;

​

    // Convert running log JSON data into readable format for heatmap calendar

    function convertRunningLog() {

​

        // set get URL

        var json_url = "https://raw.githubusercontent.com/kylesb/static/master/JSON/running_log.json";

        // declare object variable

        var ob = {};

​

        // Get running log file from repository

        $.getJSON(json_url, function(result){

            // for each data entry

            for (var i = 0; i < result.data.length; i++) {

​

                // get date and miles

                var apoche  = date_to_epoch(result['data'][i]['date']).toString();

                var miles   = parseFloat(result['data'][i]['miles']); 

​

                // set date and miles

                ob[apoche.toString()] = miles;

            }

            var json_string = JSON.stringify(ob);

            data = JSON.parse(json_string);

            console.log(data);

            return data;

        });

    }

​

    // Convert strings to date objects 

    function date_to_epoch(key) { 

        var epoch_seconds = new Date(key).getTime();

        return Math.floor (epoch_seconds / 1000);

    }

​

    // initilize the calendar

    // ------------------------

    var cal = new CalHeatMap();

    cal.init({

      itemSelector: "#cal",

      domain: "month",

      subDomain: "x_day",

      data: convertRunningLog(),

      start: new Date(2016, 0, 5),

      cellSize: 20,

      cellPadding: 5,

      domainGutter: 20,

      range: 1,

      domainDynamicDimension: false,

      previousSelector: "#example-g-PreviousDomain-selector",

      nextSelector: "#example-g-NextDomain-selector",

​

      subDomainTextFormat: "%d",

      legend: [0.5, 1, 1.5, 2]

    });

​

​