在javascript中在xy平面上创建点的热图

Question

我正在寻找一种在xy平面上动态绘制点作为热图（以查看点分布密度）的方法。

谷歌图表似乎有一个非常好的工具来创建我在jsfiddle中创建的散点图：https://jsfiddle.net/bq8cds8d/，但我不知道如何将其制作成热图并且无法在任何地方找到它Google的网站或选项对象的文档：

var options = {
          title: 'Age vs. Weight comparison',
          hAxis: {title: 'Age', minValue: 0, maxValue: 15},
          vAxis: {title: 'Weight', minValue: 0, maxValue: 15},
          legend: 'none'
        };

我还在这里找到了图书籍heatmap.js https://www.patrick-wied.at/static/heatmapjs/example-minimal-config.html，它提供了正确的热图功能，但我无法弄清楚如何更改比例，因此数据未正确绘制。

有关获取Google图表制作热图或更改热图上的比例的建议吗？