一連の(x, y, z)
座標が与えられた場合、等高線図を作成するにはどうすればよいでしょうか?
d3での実装方法を知っていればよいのですが、方向性があれば自分で実装してみてもかまいません。
d3ユーザーの場合、jasondavies の conrec.js を使用して等高線マップを作成できますかd3.geom.contour()
:
基本的に、d3.js を使用してこの等高線図を複製したいと思います: http://beaugunderson.com/routes/
一連の(x, y, z)
座標が与えられた場合、等高線図を作成するにはどうすればよいでしょうか?
d3での実装方法を知っていればよいのですが、方向性があれば自分で実装してみてもかまいません。
d3ユーザーの場合、jasondavies の conrec.js を使用して等高線マップを作成できますかd3.geom.contour()
:
基本的に、d3.js を使用してこの等高線図を複製したいと思います: http://beaugunderson.com/routes/
これは非常に簡単に見えますconrec.js
。持っている形式でデータを渡すと.contourList()
、結果を呼び出してパスのリストを取得できます。d3
.data()
呼び出しを変更せずに渡すことができるはずです。必要なのは、データ内の座標を画面座標にマップするパス ジェネレーターを提供することだけです。
https://plot.ly/javascript/contour-plots/
ターゲット <div> 要素に適用する代わりに、既存の svg グループ <g> に plotly.js を適用する方法は?
https://github.com/d3/d3-plugins/blob/master/geom/contour/contour.js