ベースレイヤーのビジュアライゼーション：Heatmap、Coldmap、Proportional、Contour、Hex、H3、Square

機能の利用可否

無料
Lite
Pro
Lite Pro
Pro Business

マーカーの位置にベースマップのベースレイヤーを追加する

(ステップ 1) - 導入説明を読む
- Heatmap
- Coldmap
- Proportional
- Contour
- Hex
- H3
- Square
(ステップ 2) - フォルダーにグループ化されたマーカーからベースマップを作成する
(ステップ 3) - サンプルのスプレッドシートデータのマーカーからベースマップを作成する
(オプション) - Heatmapベースレイヤーの調整と編集

(ステップ 1) - 導入説明を読む

Heatmap

heatmapは、指定された各マーカーの位置を囲むベースレイヤーです。

heatmapの説明

• 集計Heatmap

Map Viewで指定されたマーカーをグループ化（クラスター化）して互いに重なり合うようにすると、結果として集計Heatmapが作成されます。集計Heatmapの以下のような変化を確認できます：

サイズが大きくなります。
透明度が下がります（不透明になります）。
スペクトルカラーの位置が右に移動し、スペクトルバーの右側の色が表示されます。
例：上の画像における「赤」。

注意：スペクトルバーは、Layers Panelの下部にあるBase Layersウィンドウにあります。

• 通常のランキングシステム

通常のランキングシステムは、マーカーの密度（個数と近接度）に基づいています。

最も密度の高いクラスターは：

最も大きくなります。
最も透明度が低くなります。
スペクトルの最大位置の色で表示されます。
例：上の画像における「赤」。

各個別のマーカーまたは最も密度の低いクラスターは：

最も小さくなります。
最も透明度が高くなります。
スペクトルの最小位置の色で表示されます。
例：上の画像における「青」。

列の数値データがランキングシステムに影響を与えるHeatmapの場合、例外的なケースがあります。

特定のレベルまでズームアウトすると、通常のランキングシステムの基準であるマーカーの密度を優先させることができます。

heatmapのズームアウト表示

ただし、通常のランキングシステムとは異なり、個別のマーカー（例：バンクーバー）は変更されません。個別のマーカーは、元々設定されていた以下を維持します：

サイズ

透明度

スペクトルの位置

Coldmap

Coldmapは、Heatmapと同様に、指定された各マーカーの位置を囲むベースレイヤーです。ただし、Heatmapが密度の高いエリアや強度の高いエリアを暖色（例：赤）で示すのに対し、Coldmapは密度の低いエリアやアクティビティの少ないエリアを寒色（例：青）で表します。マーカーの密度が高くなるか、指定された値が上昇すると、Coldmapの色は濃くなり、指定されたカラースペクトルに沿って変化します。

coldmapの例

数値列データの影響を受けるColdmapには、特別なケースが適用されます。ズームアウトすると、Heatmapと同様に、マーカーの密度が特定のデータ駆動型ランキングよりも優先される場合があります。

Proportional

Proportional（比例シンボル）マップは、指定された各マーカーの位置を囲むベースレイヤーです。地物間の量の違いを表すためにサイズが調整されます。比例シンボルは、表す値に応じて大きくまたは小さくなります。

比例マップの画像

Proportionalビジュアライゼーションは、マーカーが含まれる任意のフォルダーに追加できます。
スプレッドシートをインポートする際、価格や金額など、各マーカーの値を使用してProportionalを作成できます。
Proportionalマップは動的であり、リンクされたフォルダーからマーカーが追加または削除されると変更されます。

Contour

Contour（等高線）マップは、空間領域全体の一定の値を表すために線（または色）を使用します。地形学において標高を示すためによく使用されますが、この文脈におけるContourマッピングは、一貫した値やマーカーの密度を表すことができます。各等高線は同じ値を持つマーカーを接続し、同様のマーカー密度や値を持つエリアを視覚化するのに役立ちます。

contourマップの例

さまざまな値を持つマーカーがマップ上にプロットされている場合、等高線は値の変化がどこで発生しているかを視覚的に表現し、データビジュアライゼーションに地形的な感覚をもたらします。

Hex (Hexagonal Grid)

Hexビジュアライゼーションは、各マーカーの位置を囲む六角形のグリッドにマップを分割するベースレイヤーです。Hexグリッドは、歪みを減らし、マップ全体で均一な表現を確保するのに最適です。

Hexグリッドの画像

各六角形は、マーカーの密度または選択された数値列を反映して、色の濃淡を調整します。
暖色系で大きく不透明なHexは、密度の高いエリアを表します。

Hexグリッドは動的であり、マーカーが追加、削除、または再配置されると自動的に調整されます。

H3 (Hierarchical Hexagonal Indexing)

H3ビジュアライゼーションは、階層的な六角形グリッドシステムを使用してデータを整理します。H3はマップを異なるサイズの六角形セルに分割し、柔軟な分析のためのスケーラブルな解像度を提供します。

H3グリッドの画像

H3グリッドは、Hexグリッドと同様に、マーカーの密度や数値列の値に基づいて動的に適応します。解像度を調整することで、大まかな概要と詳細なローカルパターンの表示を切り替えることができます。

Square

Squareビジュアライゼーションは、マップ全体に等しいサイズの正方形のグリッドを作成します。各正方形はマーカーデータを集計し、密度や数値を表すように色を調整します。

Squareグリッドの画像

色が濃い正方形は、高い密度または値を表します。
色が薄い正方形は、低い密度または値を表します。

Squareは、空間パターンやデータ分布を視覚化するための、わかりやすく一貫した方法を提供します。

(ステップ 2) - フォルダーにグループ化されたマーカーからベースマップを作成する

ベースマップを選択する：Google > Terrain

注意：ご自身のマップでは、任意のベースマップを選択できます。この例では、後のステップで追加するHeatmapベースレイヤーの暗い色と対比させるために、この明るい色のベースマップを選択しています。

まだ Scribble Maps にログインしていない場合は、次のURLからアカウントにログインしてください：
https://www.scribblemaps.com/create
(オプション) ログイン方法については、次のリンクを参照してください：
How to login/register
Map Viewの右下隅にある Map & Data のサムネイル画像をクリックします。
Map & Data ウィンドウがポップアップ表示されます。
クリックしてお好みのマップを選択します。
MAPS & DATA の右上隅にある X をクリックしてウィンドウを閉じます。

4つのマーカーを作成し、3つのマーカーを重ねる

Map Viewで4つのマーカーを作成します。
マーカーの作成方法については、次のリンクを参照してください：Create a marker - (Marker Tool)
上部ツールバーで Edit Measure Tool を選択します。
クイックキー：または、キーボードの「Q」キーを押すこともできます。
Map Viewで、2つのマーカーをクリック＆ドラッグして、3つ目のマーカーを完全に覆う（重ねる）ようにします。
注意：後のステップで、この3つのマーカーの重なりが集計Heatmapのクラスターを生成します。

マーカーをフォルダーに追加する

(オプション) ブラウザウィンドウの右側に「LAYERS」パネルが開いていない場合は、垂直バーをクリックします。
Layers Panelの上部にある、ツールチップ「Add Group」が表示されているフォルダーアイコンをクリックします。
Layers Panelにフォルダーが追加されます。
各マーカーの行をクリック＆ドラッグしてフォルダーに入れます。
注意：フォルダーにはオーバーレイのセットが保持されるため、フォルダーはグループとみなされます。オーバーレイのグループ化については、次のリンクを参照してください：Add an overlay to a group/folder

作成したいベースマップを選択する

LAYERSパネルのフォルダーの行で、Layers Panelの右側にある3点リーダーアイコンをクリックします。
または
LAYERSパネルの下部で、「LAYERS & DATA」の右側にある + アイコンをクリックします。
フライアウトで、作成したいベースマップのタイプをクリックして選択します：
- Heatmap
- Coldmap
- Proportional
- Contour
- Hex/Square
「Select Folder」の見出しの下にある Select ボタンをクリックします。
クリックして作成したフォルダーを選択します。
ベースマップのオプションを入力します：

Heatmapの設定
Proportionalの設定
ColdmapまたはContourの設定

(ステップ 3) - サンプルのスプレッドシートデータのマーカーからベースマップを作成する

注意：
列の数値データをランキングシステムに影響させるには、「Import Spreadsheet」機能を使用する必要があります。この説明をシンプルにするために、サンプルのデータを使用することをお勧めします。

独自のデータをインポートする方法については、以下を参照してください：Import Files & Data

新しいマップを作成する

上部ツールバーで「MENU」ボタンをクリックします。
「Scribble Maps」の見出しの下にある「New Map」ボタンをクリックします。
「Yes」をクリックします。
「Ok」をクリックします。
メニューウィンドウの右上隅にある「X」ボタンをクリックします。
Map Viewに新しいマップが表示されます。

サンプルデータをテーブルに読み込む

Layers Panelの上部にある、ツールチップ「Import Spreadsheet」が表示されているスプレッドシートアイコンをクリックします。
「IMPORT LIST (SPREADSHEET)」ウィンドウが表示されます。
「1. Import Data」タブをクリックします。
サンプルデータが表示されたフィールドが表示されます。
「2. Map」タブをクリックします。
9つの都市のサンプルデータがテーブルに表示されます。
各行に都市のデータが表示されます。
後のステップで、各都市のデータはMap View上のマーカーとして表されます。

データの種類の定義

列見出しには2つのレベルがあります：

上部見出し
下部見出し

各上部見出しには、定義可能な見出しが表示されます。

注意：独自のスプレッドシートデータを使用する場合、定義可能な見出しはスプレッドシートの列見出しセルのデータになります。

各下部見出しは、現在ドロップダウンリストで選択されているプリセット見出しです。

注意：各プリセット見出しについては、「Import spreadsheet data...」の記事で説明しています。

2つの列見出しの下には残りのセルが表示され、それぞれ値セルと呼ばれます。これは、スプレッドシートの通常のセル（列見出しではない）のデータです。

ベースマップを準備する

数値データが含まれる列の上部に、上部見出しと下部見出しが表示されます。
下部見出しは、現在選択されているプリセット見出しを表示するドロップダウンリストです。この例では「Description」です。
ドロップダウンリストをクリックし、プリセット見出し「Attribute」を選択します。
列の数値データがランキングシステムに影響を与えるHeatmapを生成するには、列のプリセット見出しを「Attribute」に変更する必要があります。
データテーブルの左下にある「Create Heatmap」というラベルのチェックボックスをクリックします。
Heatmapオプションセクションが表示されます。
「Attribute」見出しの下にあるドロップダウンリストをクリックします。
リストに各列の定義可能な見出しが表示されます。

注意：
Heatmapに通常のランキングシステムを表示させたい場合は、「None (density)」を選択できます。

この例では、列の数値データをランキングシステムに影響させる方法を示します。そのため、列の値セルは数値である必要があります。
「Value」見出しの下にあるドロップダウンリストをクリックします。次に「Description」（都市の人口の数値が含まれる列の定義可能な見出しを指します）を選択します。
後のステップで、各マーカーのHeatmapは各都市の人口の数値によってランク付けされます。
1. ベースマップのオプションを入力します：

ベースマップの設定

Heatmapの設定

「Title」見出しの下に、Heatmapのタイトルを入力します。
Heatmapの「Range」を入力します。
「Value」オプションとして「Total」を選択し、それぞれに10の値が割り当てられた2つのマーカーがある場合、30ピクセルの設定は、これらのマーカーが互いに30ピクセルの距離内にあるときに、それらの値が結合されてHeatmap上で合計値20を形成することを意味します。
クリックして「Colour」を選択します。
「Opacity」見出しの下で、Heatmapの全体的な不透明度の新しい値を入力できます。
また、上/下ボタンをクリックして不透明度の値を変更することもできます。
これは Bubble/Circle One Colour には適用されません。
- 0% は非表示。
- 50% は半透明。
- 100% は完全に塗りつぶされた色。
クリックして Lock To Zoom を有効にします。
半径はそのズームレベルで制限され、ズームインするにつれて拡大します。
Balanced Values にチェックを入れると、より公平で正確なデータ表現が保証されます。
Balanced Valuesの詳細については、以下を参照してください：Using Balanced Values with Log Scale

Heatmapを完了する。

ColdmapまたはContourの設定

「Title」見出しの下に、Coldmapのタイトルを入力します。
Coldmapの「Range」を入力します。
「Bands」の数を入力します。
これにより、Coldmapに使用されるカラーパネルの数が決定されます。
クリックして、パレットの各色を選択します。
または
「Generate From AI」を使用してカラーパレットを作成することもできます。
「Opacity」見出しの下で、Heatmapの全体的な不透明度の新しい値を入力できます。
また、上/下ボタンをクリックして不透明度の値を変更することもできます。
これは Bubble/Circle One Colour には適用されません。
- 0% は非表示。
- 50% は半透明。
- 100% は完全に塗りつぶされた色。
「Fade For」を選択します：
- None
- High
- Low
クリックして Lock To Zoom を有効にします。
半径はそのズームレベルで制限され、ズームインするにつれて拡大します。
Balanced Values にチェックを入れると、より公平で正確なデータ表現が保証されます。
Balanced Valuesの詳細については、以下を参照してください：Using Balanced Values with Log Scale

ColdmapまたはContourを完了する。

Proportionalの設定

LAYERSパネルのフォルダーの行で、Layers Panelの右側にある3点リーダーアイコンをクリックします。
または
LAYERSパネルの下部で、「LAYERS & DATA」の右側にある + アイコンをクリックします。
フライアウトで、クリックして「Add Proportional」を選択します。
「ADD/EDIT PROPORTIONAL」というタイトルのエディタウィンドウが表示されます。
「Select Folder」の見出しの下にある Select ボタンをクリックします。
クリックして作成したフォルダーを選択します。
ドロップダウンメニューから「Type」を選択します。
- Bubble/Circle Gradient
- Bubble/Circle One Colour
- Proportional Icon
(オプション) 「Title」見出しの下に、Proportionalマップのタイトルを入力します。
(オプション) 比例シンボルの「Radius」を入力します。
(オプション) 「Min」見出しの下で、各マーカーの個々の比例シンボルの最小サイズの新しい値を入力できます。
また、上/下ボタンをクリックして最小値を変更することもできます。
- デフォルトのサイズは30です。
- 最大サイズは100です。
(オプション) 「Max」見出しの下で、各マーカーに配置される個々の比例シンボルのサイズの新しい値を入力できます。
(オプション) クリックして「Gradient」、「Colour」、または「Icon」を選択します。
(オプション) 「Opacity」見出しの下で、グリッドの全体的な不透明度の新しい値を入力できます。
- 0% は非表示。
- 50% は半透明。
- 100% は完全に塗りつぶされた色。

Proportionalを完了する。

Hex/H3/Squareの設定

LAYERSパネルの下部で、「LAYERS & DATA」の右側にある + アイコンをクリックします。
フライアウトで、クリックして「Add Hex/Square Grid」を選択します。
「ADD GRID」というタイトルのエディタウィンドウが表示されます。
「Select Folder」の見出しの下にある Select ボタンをクリックします。
クリックして作成したフォルダーを選択します。
ドロップダウンメニューから「Type」を選択します。
- Hex
- H3 Hex
- Square
「Title」見出しの下に、グリッドのタイトルを入力します。
グリッドフィールドの「Size」を入力します。
注意：H3を選択した場合、このオプションは表示されません。
クリックして「Color」を選択します。
「Opacity」見出しの下で、比例マップの全体的な不透明度の新しい値を入力できます。
- 0% は非表示。
- 50% は半透明。
- 100% は完全に塗りつぶされた色。
Lock to zoom にチェックを入れ、ズームレベルの数値を入力するか、上下の矢印を使用してズームレベルを設定します。
Show Labels にチェックを入れると、グリッド内にラベルが表示されます。
注意：H3を選択した場合、このオプションは表示されません。
ドロップダウンメニューから Value（金額、価格など）を選択します。
Balanced Values にチェックを入れると、外れ値の影響を減らし、より正確なデータ表現を確保できます。たとえば、1つの極端に高い値がビジュアライゼーションを支配するのを防ぎ、より均等に分散されたマップを作成できます。

Hex/H3/Squareを完了する。

ベースマップを完了する

エディタウィンドウの下部にあるボタンをクリックして、変更をマップに適用します。
エディタウィンドウの右上隅にある「X」ボタンをクリックします。
Map Viewで、指定された各マーカーの位置にHeatmapベースレイヤーが表示されます。重なったマーカーはクラスターを生成します。

Layers Panelの下部に、Base Layersウィンドウとスペクトルバーが表示されます。そこには以下が表示されます：
- スペクトルバーの左側にある数字「0」。
  
  0は、マーカーの最小可能な数量を表します。
- スペクトルバーの右側にある数字。
  
  この数字は、クラスター内のマーカーの現在の最大数量を表します。例：3。
(オプション) Base Layersウィンドウで、Map Viewのベースマップベースレイヤーの表示を切り替えることができます。
スペクトルバーの行の左側にある Eye Icon をクリックすると、レイヤーが非表示になります。
もう一度クリックすると、Map ViewにHeatmapベースレイヤーが再表示されます。

(オプション) Heatmapベースレイヤーの調整と編集

Map Viewで特定のレベルまでズームアウトすると、マーカーの密度を増加させることができます。

Map Viewの右上隅にある（-）ボタンを、表示したい倍率レベルにズームアウトするまでクリックし続けます。

(オプション) ランク付けされたすべてのHeatmapを表示させるには、マーカーを削除して調整する必要がある場合があります。

最も密度の高いクラスター内のマーカーを削除して、個々のマーカーや最も密度の低いクラスターの視認性を向上させます。

マーカーを削除するには、上部ツールバーで Delete Tool を選択します。次に、Map Viewでマーカーをクリックします。

Base Layersウィンドウで、スペクトルバーの行にある Pencil Icon をクリックして、Heatmapベースレイヤーを編集できます。