JSFiddle - React, Tailwind, and code Playground

by Alex

HTML

<link rel="stylesheet" href="http://f.cl.ly/items/2f1N0V401D0W003S1A2H/cal-heatmap.css">
<script src="http://d3js.org/d3.v3.min.js"></script>
<script src="http://f.cl.ly/items/3c1b120U3B2x2Y0x2y2i/cal-heatmap.min.js"></script>
<link rel="stylesheet" href="http://f.cl.ly/items/1u293f1y061i1e3s0i2f/bootstrap.min.css">
    <!--<h3>Heatmap Kompensationen 2013</h3>
    <br/>-->
    <div id="heatmap_q1"></div>
    <div id="heatmap_q2"></div>
    <div id="heatmap_q3"></div>
    <div id="heatmap_q4"></div>
    
    <ul class="pager">
        <li class="previous"><a href="#">previous</a></li>
        <li class="next"><a href="#">next</a></li>
    </ul>

CSS

body{
    margin:10px;
}
.pager{
    visibility:hidden;
}

JavaScript

var data = ...