#Colour Density Hexbin Dots are placed randomly, then they are grouped by the raster. The tile colour is determined by the dot density. Raster is a hexbin.
Based off this: Hexagonal Binning
xxxxxxxxxx
<html lang="en">
<head>
<meta charset="utf-8">
<title>Colour Density Hexbin</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.6/d3.min.js" charset="utf-8"></script>
<script src="d3.hexbin.min.js"></script>
</head>
<body>
<div id="chartArea"></div>
<script src="js.js"></script>
</body>
<style>
.hexagon {
fill: none;
stroke: #000;
stroke-width: .5px;
}
</style>
</html>
https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.6/d3.min.js