13

一連の(x, y, z)座標が与えられた場合、等高線図を作成するにはどうすればよいでしょうか?

での実装方法を知っていればよいのですが、方向性があれば自分で実装してみてもかまいません。


ユーザーの場合、jasondavies の conrec.js を使用して等高線マップを作成できますかd3.geom.contour():

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

基本的に、d3.js を使用してこの等高線図を複製したいと思います: http://beaugunderson.com/routes/

4

2 に答える 2

7

これは非常に簡単に見えますconrec.js。持っている形式でデータを渡すと.contourList()、結果を呼び出してパスのリストを取得できます。d3 .data()呼び出しを変更せずに渡すことができるはずです。必要なのは、データ内の座標を画面座標にマップするパス ジェネレーターを提供することだけです。

于 2012-08-15T11:00:59.093 に答える
1
  • Plotly.js は d3.js に基づいており、等高線図を提供します。例を参照してください

https://plot.ly/javascript/contour-plots/

Plotly.js:等高線の重なりを避けるには?

ターゲット <div> 要素に適用する代わりに、既存の svg グループ <g> に plotly.js を適用する方法は?

  • d3.js 用の輪郭プラグインもあります (まだ使用していません)。

https://github.com/d3/d3-plugins/blob/master/geom/contour/contour.js

例: http://bl.ocks.org/mbostock/4241134

于 2016-05-20T06:23:00.387 に答える