创建等高线图答案

【问题标题】：Create contour map创建等高线图
【发布时间】：2012-08-15 05:26:43
【问题描述】：

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

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

对于d3 用户，我可以使用d3.geom.contour() 和 jasondavies' 创建等高线图吗？ conrec.js：

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

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

【问题讨论】：

【解决方案1】：

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

【讨论】：

conrec.js 与 d3.js 结合的示例：github.com/jasondavies/conrec.js/tree/master/example
事情显然不像这里描述的那么简单。有没有例子？我们不能只将 [x, y, z] 值提供给 conrec，它需要进行转换并且看起来很重要。至少我是这么理解的。即使您查看 github 示例，它也不是作为初始 data 参数提供的 nx3 数组。

【解决方案2】：

【讨论】：