問題タブ [heatmap]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
7 に答える
5792 参照

heatmap - Web アプリ用のヒートマップ ツール

私が構築している Web アプリにデータのヒート マップを表示させたいクライアントがいます。

私はヒートマップをまったく扱ったことがなく、ヒートマップを生成するための優れたツールを誰かが知っているかどうか疑問に思っていました.

ありがとう。

0 投票する
3 に答える
30692 参照

google-maps - 米国の動的ヒートマップを作成する最も簡単な方法

ここ数日、助けてくれてありがとう。誰かがこれを知っていることを願っています。

ユーザー入力に基づいてデータのヒートマップを動的に作成し、応答に基づいて特定の状態に色を付けようとしています。たとえば、投票のための世論調査のように。私はこのようなことをしたい... http://www.trulia.com/home_prices/

これを行う最も簡単な方法は何ですか?

0 投票する
9 に答える
8032 参照

algorithm - ハイトマップ生成アルゴリズム?

私はインターネットを見回していましたが、この特定の問題に最適なアルゴリズムを見つけることができませんでした:

この画像で示されているように、顧客は各ポイントとともに一連のポイントと重量データを持っています。

加重ポイント http://chakrit.net/files/stackoverflow/so_heightmap_points.png

そのうち、これらのポイントとその重み値から「高さマップ」または一種の地形データを生成できる GIS プログラムがありますが、1,000 ポイント近くのデータがあり、これらは時間の経過とともに変化するため、これらの高さマップを自動生成する独自のツールを作成します。

これまでのところ、最も近いデータ ポイントまでの距離から各ピクセルの重みを計算し、Sqrt((x1 - x2) ^ 2 + (y1 - y2) ^ 2)重みと距離係数をデータ ポイントの色に適用して、その特定のピクセルのグラデーション カラーを生成しようとしました。

ハイトマップの結果 http://chakrit.net/files/stackoverflow/so_heightmap_result.png

データ ポイントの特定の構成にはまだ問題があり、多くのデータ ポイントがある場合、アルゴリズムによって多角形の画像が生成されることがあります。理想的な結果は、多角形ではなく、省略記号のように見えるはずです。

これは、私が望む結果を示す勾配上昇に関するウィキペディアの記事の画像の例です。

山 http://chakrit.net/files/stackoverflow/so_gradient_descent.png

勾配上昇アルゴリズムには興味がありません。私が興味を持っていること; 重み付きのデータポイントが提供された場合、最初にその画像の元の関数を計算するアルゴリズムです。

トポロジカル数学の授業は受けていませんが、微積分はできます。何かが足りないのではないかと思います。Google の検索ボックスに何を入力すればよいかわかりません。

いくつかの指針が必要です。

ありがとう!

0 投票する
3 に答える
3584 参照

c# - C# での地理参照イメージの生成

オープン レイヤーを使用して、ベース マップにオーバーレイするヒート マップ スタイルのタイルをいくつか作成したいと考えています。基本的に、いくつかのバウンディング ボックスをグリッドに分割し、そのグリッドの正方形内にサンプルのポイントがいくつあるかに基づいて、異なる色を使用してグリッドの各正方形を表示したいと考えています。

関連するテクノロジは、C#、OpenLayers、SQL Server 2008、および GeoServer です。

私の質問は基本的に一般的なアプローチの 1 つです。ノミの先端をどこに置くべきかよくわかりません。

私の最終的な目標は、任意のバウンディング ボックスを取得し、そのバウンディング ボックス内に収まる x マイルごとのグリッドを計算し、個々のポイントのコレクションを反復処理して、それらを 1 つのグリッド スクエアまたは別のグリッド スクエアに割り当てることができるようにすることです。グリッド スクエアごとのポイント密度を計算し、密度に応じてグリッドに色を付けてから、Open Layers を使用して CloudMade ベース マップに重ねることができます。

全体またはその一部について、どんな助けでも大歓迎です。

0 投票する
6 に答える
23389 参照

javascript - を使用したヒートマップの作成エレメント?

<canvas>や SVGなどのブラウザー内グラフィック レンダリング機能を使用してヒートマップを作成できる JavaScript ライブラリはありますか?

HeatMapAPI.com については知っていますが、ヒート マップはサーバー側で生成されます。エレメントの時代には<canvas>もう必要ないと思います!

このようなツールがまだない場合、そのようなツールの作成に参加するボランティアはいますか?

0 投票する
6 に答える
29581 参照

google-earth - Google Earth ヒート マップ

Google Earth でヒート マップを作成する方法はありますか?(人口などの指定されたパラメータの)値が高い領域がホットスポットとして表示されますか?

0 投票する
3 に答える
430 参照

gis - アイデア募集: ラスター オンライン マップ (おそらく ESRI API といくつかのジオプロセス モデルを使用)

(これが有効な質問であることを願っています)

タイトルで述べたように、ある種のオンライン ラスター解析マップについて、かなり簡単から適度に簡単なアイデアを探しています。私は ESRI とその本当に素晴らしい API に精通しており、その面で何かに取り組みたいと思っています。また、mapstraction lib の使用にもオープンです。

誰か私に何かアイデアはありますか?

ありがとう!!

0 投票する
3 に答える
7088 参照

python - Pythonでのインフォグラフィックの作成

Pythonで簡単なインフォグラフィックを作成したいと思います。Matplotlibには多くの機能があるようですが、私の単純なヒートマップグリッドの例をカバーするものは何もありません。

インフォグラフィックは、0から1の範囲の数字を含む単純な5 x 5グリッドです。グリッドの正方形は、0=白1=青0.5で淡い青に着色されます。

Matplotlibはおそらく使用できますが、これを生成するための洞察を提供する例を見つけたり組み合わせたりすることはできませんでした。

洞察、サンプルコード、またはライブラリの方向性は本当に役立ちます

よろしくマット

0 投票する
1 に答える
1307 参照

apache-flex - Flex のインタラクティブなヒート マップ

私は、Flex とプログラミング全般について非常に基本的なレベルにいます。Excel (.csv) 形式のデータがあるプロジェクトに取り組んでいます。これは、各セルに温度番号がある大きな Excel プロット/マトリックスです。このマトリックスを何らかの方法で Flex にインポートするか、Flex でデータを解析して、このマトリックスがインタラクティブな熱に変わり、色が青 (寒さ) から赤 (暑さ) までさまざまな温度に対応し、ロールオーバーの各スポットが表示されるようにします。温度番号。

何か提案があれば、またはどこから始めればよいかについて正しい方向に向けてくれれば、本当に感謝しています。

  • プロット チャートまたはその他のコントロールを使用する必要がありますか?
  • データを XML に変換するか、MySQL データベースにインポートする必要がありますか? その方が Flex にとって簡単ですか? しかし、繰り返しになりますが、データは基本的に単なる大きなマトリックスであり、従来のデータベースの意味でのヘッダー/フィールドはなく、それぞれが温度番号を持つ多くのセルだけです。
  • また、データを Flex にインポートし、それをデータ プロバイダーとして使用してヒート マップをプロットする方法について何か提案はありますか?

よろしくお願いします。ありがとう!

0 投票する
1 に答える
2423 参照

php - 地理的背景に関する GD/PHP ヒートマップ

PHP と GD を使用して、Bungie が特定の Halo 3 マップでキル/デスを表示するために使用するヒートマップ効果を再現しようとしています。(例: http://www.bungie.net/stats/halo3/heatmapstats.aspx?player=gatts007 - より良い例として、「ガーディアン」などのマップを選択してください。)

ゲームのすべてのデータと背景マップ イメージがありますが、実際にグラデーションを正しく機能させる方法が思いつきません。

これまでの私のプロセスは次のとおりです。

  1. 純粋な黒の背景: キルごとに、マップ上のその場所に白のグラデーションで半透明の円 (中央付近は実線、端は 100% 半透明) を描画します。(これはうまくいっています。)
  2. 次に、黒一色のピクセルを純粋な半透明のピクセルに置き換えます。
  3. カラー スケールを残りのピクセルにマップして、ヒート マップ効果を取得します。(グレースケール値を使用して色にマッピングします。)
  4. この作成した画像を実際の地図の背景の上に配置します。

手順 2 と 3 に問題があります。これらの手順の良い例はありますか? それとも、より良い結果をもたらすプロセスですか?

ありがとう!