创建等高线图

Question

给定一组(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()电话.您需要做的就是提供一个路径生成器,将数据中的坐标映射到屏幕坐标.