给定一组(x, y, z)
坐标,我将如何创建等高线图?
很高兴知道如何在d3中实现,但如果我有方向的话,不介意自己尝试实现它。
对于d3个用户,我可以使用d3.geom.contour()
和jasondavies'创建等高线图吗?
conrec.js:
基本上,我想使用d3.js复制这个轮廓图:http://beaugunderson.com/routes/
答案 0 :(得分:7)
conrec.js
看起来很容易。如果您以所拥有的形式传递数据,则可以通过在结果上调用.contourList()
来获取路径列表。您应该能够在不修改的情况下通过d3
.data()
来电。您需要做的就是提供一个路径生成器,将数据中的坐标映射到屏幕坐标。
答案 1 :(得分:0)
https://plot.ly/javascript/contour-plots/
Plotly.js: How to avoid overlapping contour lines?
https://github.com/d3/d3-plugins/blob/master/geom/contour/contour.js