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

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

Google Charts似乎有一个很好的工具来创建散点图，我在这里的一个JSFIDLE中创建了散点图：，但我不知道如何将其制作成热图，在Google的网站或options对象的文档中找不到它：

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，它提供了正确的热图功能，但我不知道如何更改比例，因此数据没有正确绘制

关于让谷歌图表制作热图或更改heatmap.js上的比例，有什么建议吗