JSFiddle - React, Tailwind, and code Playground

by ramnathv

HTML

<script src="//d3js.org/d3.v3.min.js"></script>
<script src="//cdn.jsdelivr.net/cal-heatmap/3.3.10/cal-heatmap.min.js"></script>
<link rel="stylesheet" href="//cdn.jsdelivr.net/cal-heatmap/3.3.10/cal-heatmap.css">
<div id="cal-heatmap"></div>

JavaScript

var cal = new CalHeatMap();
var data = {
    1387065600: 20,
    1387152000: 40
}
cal.init({
    data: data,
    domain: "month",
    subdomain: "x_day",
    highlight: "now",
    displayLegend: true
})