side by side heatmaps

by Nivaldo

HTML

<script src="http://d3js.org/d3.geom.contour.v0.min.js"></script>
<div id="main">
    <div id="graph1"></div>
    <div id="graph2"></div>
    <div id="graph3"></div>
</div>

CSS

#graph1 {
    float:left;
}

#graph2 {
    float:left;
}

.axis text {
  font: 10px sans-serif;
}

.axis path,
.axis line {
  fill: none;
  stroke: #000;
  shape-rendering: crispEdges;
}

.axis path {
  display: none;
}

.isoline {
  fill: none;
  stroke: #fff;
}

JavaScript

var heatmap =...