創建等高線圖

給定一組(x, y, z)座標，我該如何創建等高線圖？創建等高線圖

會很高興知道如何在d3中實現，但不介意嘗試自己實現它，如果我有一些方向。

對於d3用戶，我可以創建使用d3.geom.contour()和jasondavies' conrec.js等高線圖：

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

從本質上講，我想複製這個輪廓使用d3.js的地圖：http://beaugunderson.com/routes/

2012-08-15 Wex

看起來像這樣conrec.js會很容易。如果您以所擁有的形式傳遞數據，則可以通過調用.contourList()得到路徑列表。你應該可以在不修改的情況下通過d3.data()呼叫。您所需要做的就是提供一個路徑生成器，將數據中的座標映射到屏幕座標。

2012-08-15 11:00:59

實施例用於結合d3.js conrec.js：https://github.com/jasondavies/conrec.js/tree/master/example – Stefan 2016-05-20 06:24:47

事情顯然不是如簡單如這裏所述。有沒有例子？我們不能只將[x，y，z]值提供給conrec，它需要進行轉換，看起來好像很多。至少這是我的理解。即使你看看github的例子，它也不是一個'nx3'數組，它是作爲初始'data'參數提供的。 – 2018-02-15 22:50:50

2016-05-20 06:23:00 Stefan

回答