给定一组(x, y, z)坐标，我将如何去创造一个等高线图？
会很高兴地知道如何在实现D3 ，但不会介意努力实现它自己，如果我有一些方向。
为D3的用户，我可以创建使用轮廓图d3.geom.contour()和jasondavies' conrec.js：
https://github.com/jasondavies/conrec.js
从本质上讲，我想用d3.js复制此等高线图： http://beaugunderson.com/routes/
Answer 1:
它看起来像这样很容易conrec.js 。 如果你传递你有它的表单中的数据，你可以通过调用得到的路径列表.contourList()的结果。 那你应该能够不加修改地传递到d3 .data()调用。 所有你应该需要做的是提供一个路径发生器，在数据的坐标映射到屏幕坐标。
Answer 2:
- 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
文章来源: Create contour map
