如何根据一组 (x, y, z)
坐标创建等高线图?
如果能够在 d3 中实现会很不错,但如果我有一些方向,自己尝试实现也不介意。
对于 d3 用户,是否可以使用 d3.geom.contour()
和 jasondavies' conrec.js 创建等高线地图:
本质上,我想使用 d3.js 复制这个等高线图:http://beaugunderson.com/routes/
如何根据一组 (x, y, z)
坐标创建等高线图?
如果能够在 d3 中实现会很不错,但如果我有一些方向,自己尝试实现也不介意。
对于 d3 用户,是否可以使用 d3.geom.contour()
和 jasondavies' conrec.js 创建等高线地图:
本质上,我想使用 d3.js 复制这个等高线图:http://beaugunderson.com/routes/
看起来可以使用conrec.js
很容易实现。如果您按照当前数据格式传递数据,您可以通过在结果上调用.contourList()
获取路径列表。这个列表应该可以直接传递给d3
的.data()
函数,无需修改。您只需要提供一个路径生成器,将数据中的坐标映射到屏幕坐标即可。
Plotly.js基于d3.js,提供等高线图。例如:
d3.js还有一个等高线插件(我还没有使用):