Javascript 如何在svg图像上渲染热图？

目前我正在使用Angularjs开发一个web应用程序。我需要在svg上显示热图，以便显示一些分析。有人能给我推荐一个JavaScript库吗？

你可以为它创建一个自定义指令。我使用了angularjs缩小文件

（网址：）

我在github或其他任何地方都找不到更相关的东西！如果你发现了什么，请在这里更新

无论如何，我试图创建一个小热图使用这个外部文件，希望这有帮助

var myApp=angular.module（'myApp'，[]）；
myApp
.controller（'HeatMapCtrl'，函数（$scope）{
//随机数据
var点=[]；
var max=0；
var宽度=840；
var高度=400；
var-len=200；
而(len--){
var val=Math.floor（Math.random（）*100）；
max=Math.max（max，val）；
变量点={
x:Math.floor（Math.random（）*宽度），
y:Math.floor（Math.random（）*高度），
值：val
};
点。推（点）；
}
//热图数据格式
$scope.heat_数据={
马克斯：马克斯，
数据：点数
};
})
.directive（'heatMap'，function（）{
返回{
限制：'E'，
范围：{
数据：'='
},
模板：“”，
链接：功能（范围、元素、属性）{
scope.heatmaInstance=h337.create({
容器：ele.find（'div'）[0]
});
scope.heatmaInstance.setData（scope.data）；
}
};
});
热图{
宽度：600px；
高度：300px；
显示：块；
}
热图组{
身高：100%；
}