GeoTIFFでのデータ視覚化のためのp5.js/processingの利用？ Web mercatorにLon/Lat座標をプロットする方法は？

Question

私は考古学的なサイトを収集しているデータベースに取り組んでいます。私たちのプロジェクトの目的は、Web上でデータにアクセスできるようにすることです。 GeoTIFFにそれらをプロットして、時間とともにその分布と変化を表示したいと思います。さらに、Delaunayの三角測量とヒートマップを計算し、オーバーレイとして表示することもできます。アニメーションとしての経時変化を視覚化することが私にとって重要です。私は非常に熟練したプログラマー（R、NetLogo、Processsingなど）ではないので、p5.js/processingを選択します。私はそれが特にアニメーションに関する仕事に合うと思います。私の詳細については、まず最初に質問します。

これはツールの賢明な選択ですか？他のツールをお勧めしますか？

あなたは私の選択がここに不可欠であると考えられる場合は、私の2番目の質問です：

私はp5.jsに地震データの視覚化にダニエルShiffmansチュートリアルに出くわした、これは私がどうなるのかに近づく： https://www.youtube.com/watch?v=ZiYdOwOrGyc

コードはここにあります： https://github.com/CodingTrain/Rainbow-Code/blob/master/CodingChallenges/CC_57_Earthquake_Viz/sketch.js

上記の例では、彼はmapbox.jsに依存しています。私は、カスタムビルドGeoTiffをプロジェクトから使い、100％無料ではないのでマップボックスを避けることを好みます。しかし、自分のコードをカスタムGeoTiffでベースマップとして扱うにはどうすればよいですか？私は彼の変数 "クローン"と私のカスタムTiffの中心点に "clat"を設定することができますが、座標は右に変換されませんでした。私は、問題はズームレベル（別名「ズーム」）にあると思います。しかし、私のカスタムマップのズームを決定する方法は？私はp5.jsでWeb mercator投影の他の実装を見つけられず、処理もしませんでした。それとも射影以外の数学が間違っているのですか？

Answer 1

私はp5.jsと非常に堪能ではないんだけど、私は地理データをクランチなど、さまざまなDATAVIZタスクにd3.jsを使用して良い経験を持っています。だから私の提案は、レンダリングにはp5.jsを使用し、データ操作にはd3.jsを使用することです。あなたの場合、単純な再投影が必要になるようです（LonLat to Mercator）。繰り返しに

：それはp5.jsその投影に（LonLat）が何であれ投影からのデータを投影する

1. 使用d3.jsを（メルカトル）を使用している
2. はp5.jsに投影されたデータをレンダリング

クイックグーグルはAPI documentation

あり、D3側では、私に this guide on d3 + p5 integration

を上陸させました

ここではd3.jsのgood example of GeoTIFF reading/renderingです[OK]を、one moreです。