创建等高线图

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

标签: javascript css svg d3.js contour

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

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


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

  

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

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

2 个答案:

答案 0 :(得分:7)

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

答案 1 :(得分:0)