createHeatmap = function(id) {
let node = createPlot(id);
let svg = d3.select(node);
let plot = svg.select("g#plot");
let rows = plot.selectAll("g.cell")
.data(sorted)
.enter()
.append("g");
rows.attr("class", "cell");
rows.attr("id", function(d) { return "Region-" + d.RegionID; });
rows.attr("transform", function(d) {
return translate(0, scale.y(d["RegionName"]));
});
let cells = rows.selectAll("rect")
.data(function(d) { return d.values; })
.enter()
.append("rect");
cells.attr("x", function(d) { return scale.x(d.date); });
cells.attr("y", 0);
cells.attr("width", scale.x.bandwidth());
cells.attr("height", scale.y.bandwidth());
cells.style("fill", function(d) { return scale.color(d.value); });
cells.style("stroke", function(d) { return scale.color(d.value); });
return node;
}