javascript - 创建等高线图

时间：2012-08-15 05:26:43

标签： javascript css svg d3.js contour

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

很高兴知道如何在d3中实现，但如果我有方向的话，不介意自己尝试实现它。

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

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

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

答案 0 :(得分：7)

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

答案 1 :(得分：0)