javascript - 创建等高线图

标签 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/

最佳答案

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

关于javascript - 创建等高线图,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11964515/

相关文章:

jquery - jquery mobile gridview的onclick事件

javascript - 过渡在 IE10 中不起作用

javascript - 缩放时重新缩放轴

javascript - ember 组件递增/递减值

javascript - 在 map 标记上删除后添加监听器

javascript - undefined variable 何时抛出 Uncaught TypeError 而不是仅仅具有值 'undefined' ?

html - 我怎样才能把 table 放在屏幕的右边?

html - 按钮 - onclick - 请求直接转到链接不起作用

javascript - 在 d3 力导向图中使用曲线

javascript - 导航到 jQuery Mobile 对话框不起作用