Webマップでクラスター化された機能を視覚化しますか?


15

ArcGIS Server JS APIでクラスター化された機能を表示するのに最適なシンボルを探しています。

Silverlight APIクラスタリングまたはJSクラスタリングサンプルで使用される「フライアウト」アニメーションクラスターシンボルは好きではありません(少しギミックが感じられます)。

これまでのところ、私が見つけた最良のオプションはGoogle Maps マーカーclustererシンボルです。

クラスターシンボルの中央には数字を表示しませんが、このモックアップのように、特徴の集中を示すためにシンボルのサイズを変更します。

ここに画像の説明を入力してください

他にどのようなクラスタリングシンボルオプションがありますか?マーカークラスタリングの優れた実装を示すマップを教えていただけますか?


ポイントシンボルに制限されていますか?
アンディW

@AndyWポイントフィーチャを表示していますが、必ずしもポイントシンボルに制限されているわけではありません。上記のサンプル画像では、ピクチャマーカーシンボルを使用しています。
スティーブンリード

さまざまな回答は、いくつかの追加の説明が役立つことを示唆しています。具体的には、どのような意味で「最高のシンボル」を意味しますか?おそらくアプリケーションと視聴者に依存し、「最もきれい」、「実装が最も簡単」、「視聴者が認識および識別しやすい」、または「最も正確な定量的評価を可能にする」ことを意味する可能性があります。これらの意味での最適なソリューションは、ヒートマップ、GoogleまたはBingのマーカー(それぞれ知っている)、ヒマワリのプロットですが、これらのソリューションのほとんどは他の点でも同様に貧弱です。
whuber

@whuber「専門家でないユーザーにとって、指導なしで何が起こっているかを理解するのが最も簡単です」が目的です。フィーチャの正確な位置は、一部のフィーチャが「単一のポイント」であり、一部が「クラスタ化されたポイント」であるという事実ほど重要ではありません。いくつかの場所でより多くの機能があり、他の領域でより少ない機能があることは明らかですか?上記のマップは私には役立ちますが、それはすべての人に当てはまりますか?それは最良の解決策ですか?おかげで
スティーブンリード

1
伝説がなければ、私はあなたの例を理解できません。その意図を知っていても、シンボルサイズとクラスターサイズの関係がわからないため(正確な感覚でそれを読むことはできません)(円の直径、円の面積、または他の何かですか?)赤の区別を伝えようとしていますか?指導を避けたい場合は、最も認知的に効果的な方法を使用して区別し、既知の量を伝え(色相ではなく明度を使用して量の強度を伝えるなど)、とにかく誤解に備えなければなりません。
whuber

回答:


10

従来の地図作成では、マーカーのクラスタリングは集約または合併と呼ばれることがあります。これはモデルの一般化の一部です。ズームアウトすると、詳細な概念(ツリーなど)が消えて、詳細度の低い集約フォーム(フォレストなど)に置き換えられます。

多くの良い例は、優れた地図作成の本で見つけることができます。集計の構築に関するこの本の 2つの例を次に示します。

ここに画像の説明を入力してください

ここに画像の説明を入力してください

ここにリンクの説明を入力してくださいhttp://www.ailleursloin.free.fr/A/depot/village_generalise_200k_sans_bati.jpg

自動的にそれを行うためのより多くの操作方法を探していると思います。このプレゼンテーションでは、既存の自動メソッドの概要を説明します。あなたはそれ以外の場合は、あなたがのJava実装見つかっすることができます...示されたアルゴリズムの一部を開発するためのリソースを有していてもよく、このアルゴリズム(遠方のシンボルのエンベロープを構築することを可能にする)があり、そしてまたのこのアルゴリズム

ヒートマップは、この問題の代替としても非常に優れています。参照してください。そこに実装が。maptimizeも参照してください。

ここに画像の説明を入力してください


1
詳細な対応ありがとうございます。実際、使用している実際のアルゴリズム(このサンプルスクリプトの修正)にかなり満足しているので、クラスター化された機能のシンボルまたは表現に関心があります。ヒートマップアプローチは好きですが、機能が特に密集していないため、私の場合には十分なポイントがありません。再びありがとう
スティーブンリード

壊れたリンクを更新してください。
phil294

7

多くのオプションがあり、実際、アプリケーションのいくつかについて、同じ質問にしばらく苦労しました。そして、さまざまな製品に対して、さまざまなソリューションが生まれました。だからあなたは自問する必要があります

  1. マップ上のすべてのシングルトンアイコンは同じ「種類」、つまり同じ形状と色ですか?
  2. そうでない場合、それらはすべて1つのレイヤーまたは複数のレイヤーに存在しますか?
  3. 複数の場合、個々のレイヤーをクラスター化するのですか、それともクロスレイヤークラスタリングにするのですか?
  4. 個々のレイヤーをクラスタリングする場合、レイヤー間でアイコンが重なった場合、クラスターのクラスターができますか?
  5. 「どのような」種類の物がクラスター化されているのか、それとも「ちょっと、クラスターがあるのか​​」をマップ上で知る必要がありますか。また、クラスターアイコンを見るだけでアイテムの数を知る必要はないと言った。

以下に、いくつかの例を示し、それらの意味とその方法を説明します。すべては、Bingクラスタリング(1番目のイメージ)またはOLクラスタリング戦略(2番目)ではなく、カスタムクラスタリングアルゴリズムで行われます。このようにして、ルックアンドフィールをより詳細に制御できます。

透明クラスターマーカー

Bingアプリのスクリーンキャップ。アイコンの種類と色が異なる複数のレイヤーがあります。アイコンをクラスター化し、クラスター内の最上部(最も重要)のアイコンですべてを非表示にし、最上部のアイコンに透明なイメージを重ねることを選択しました。私のアイコンは20x20で、クラスターインジケータは30x30の画像で、右上にプラスがある以外は80%透明です。そのため、クラスタの「代表的な」アイコンの上にオーバーレイすると、下に物のクラスタがあるように見えます。ユーザーがホバーまたはクリックすると、イベントはクラスターアイコンに移動し、「クラスター化されたアイテムの数」というメッセージが表示され、クリックまたはドリルダウンして詳細を確認できます。

ここに画像の説明を入力してください

この状況では、より単純なアプローチを採用しました。アイコンは依然として異なるレイヤーに存在し、異なる意味を持ち、クロスレイヤーをクラスター化しますが、代表的なアイコンは大きな太いプラス記号です(特定の制限までサイズが異なります)。

したがって、基本的に、両方のアプリでクラスターを示すために「プラス」「+」を選択しましたが、マップ上に配置する方法に異なるルートを使用しました。プラス記号を付けて、ユーザーがドリルダウンして詳細を確認できるようにします。


詳細な返信をありがとう。この場合、すべてのフィーチャは同じレイヤーにありますが、そうでない場合は興味深い点をいくつか挙げます。+アプローチは興味深いものです
スティーブン・リード

5

ヒマワリのプロットからインスピレーションを得るかもしれません。散布図上の点のクラスターを表すために何十年も使用されてきたこの方法は、視覚認知の研究を利用して、迅速かつ正確に識別され、それらが表すクラスターのサイズに明確に関連するマーカーを生成します。

以下に例を示しますR

ここに画像の説明を入力してください

散布図よりも一般的なマップを作成するためにこの手法をどのように適用できるかを確認するのに、想像力はほとんど必要ありません。


ビル、ヒントをありがとう-ヒマワリのプロットは非常にクールで、散布図でうまく機能します。このサイトは初心者ユーザーを対象にしており、これはやり過ぎだからです。(PS Fusion Tablesが採用したヒートマップアプローチは散布図でも機能する可能性がありますか?geochalkboard.files.wordpress.com/2010/03/fusion2.png
スティーブンリード

1
@Stephen色のグラデーションは、グラフィックスを定量的に(つまり、正確かつ迅速に)読み取るためにうまく機能しない傾向があります。人口の約6%で、赤から緑への卒業(例に示すように)は見分けにくいです。量的データの視覚化に関する多くの文献は、初心者のユーザーがそれらを理解したり使用したりできないという想定で、グラフィックの品質をすぐに制限すべきではないことを示唆しています。たとえば、Tufte、Cleveland、またはWainerを読んでください。
whuber
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.