13

给定一组(x, y, z)坐标,我将如何创建等高线图?

很高兴知道如何在中实现,但如果我有一些方向,我不介意自己尝试实现它。


对于d3.geom.contour()用户,我可以使用jasondavies 的 conrec.js创建等高线图吗:

https://github.com/jasondavies/conrec.js

本质上,我想使用 d3.js 复制这个等高线图:http: //beaugunderson.com/routes/

4

2 回答 2

7

看起来这很容易conrec.js。如果您以您拥有的形式传递数据,您可以通过调用.contourList()结果来获取路径列表。您应该能够在不修改d3 .data()呼叫的情况下通过。您需要做的就是提供一个路径生成器,将数据中的坐标映射到屏幕坐标。

于 2012-08-15T11:00:59.093 回答
1
  • Plotly.js 基于 d3.js 并提供等高线图。参见例如

https://plot.ly/javascript/contour-plots/

Plotly.js:如何避免重叠的轮廓线?

如何将 plotly.js 应用于现有的 svg 组 <g> 作为目标,而不是将其应用于目标 <div> 元素?

  • 还有一个 d3.js 的轮廓插件(我还没有使用):

https://github.com/d3/d3-plugins/blob/master/geom/contour/contour.js

还有一个例子: http ://bl.ocks.org/mbostock/4241134

于 2016-05-20T06:23:00.387 回答