Examples Gallery

コロプレス（階級区分図）

choropleth()ヘルパーで分級・配色・凡例を1回の呼び出しで生成。パレット・分級手法・階級数の切り替えデモ。

コロプレス 分級 統合ヘルパー

GeoJSONレイヤー

GeoJSONデータを表示する基本的なレイヤー。様々なスタイルオプションと動的スタイル関数の使用例。

GeoJSON 基本 スタイル

画像レイヤー

画像データを地図投影に合わせて表示するレイヤー。衛星画像や地形データの表示に最適。

画像 投影変換 境界ボックス

凡例レイヤー

地図の凡例を自動生成するレイヤー。D3スケールと連携して様々な凡例タイプに対応。

凡例 スケール 自動生成

ポイント円レイヤー

GeoJSONのフィーチャを円で表示するレイヤー。サイズや色を動的に変更できます。

ポイント 円 動的サイズ

New

ポイントシンボルレイヤー

d3.symbolを使用してGeoJSONデータを様々なシンボルで表示。インデックスベースで自動的にシンボルと色を割り当て。

シンボル d3.symbol CARTO Safe

New

ポイントスパイクレイヤー

3Dスパイク（棒グラフ）でデータを可視化するレイヤー。人口や統計データの視覚的な表現に最適。

3D スパイク 統計

ラインレイヤー

頂点を直線・弧またはスムージングしてで結ぶレイヤー。都市間の接続や移動経路の可視化に使用。

線 接続 弧

New

ライン集約レイヤー

D3のフォースシミュレーションを使用してラインを集約するレイヤー。航空路線や交通ネットワークの可視化に最適。

エッジバンドリング フォース ネットワーク

New

テーパーラインレイヤー

始点と終点をテーパー（太さ変化）アーク型ポリゴンで結ぶレイヤー。フローや移動量の可視化に最適。

テーパー アーク フロー

ブルームエフェクト

ラインレイヤーにブルーム(発光)エフェクトを適用した主題図のサンプル。

エフェクト ブルーム

New

ドロップシャドウエフェクト

要素にドロップシャドウ（影）エフェクトを適用した主題図のサンプル。立体感のある表現を実現。

エフェクト 影 ドロップシャドウ

New

テクスチャー

fillにテクスチャーを適用する

テクスチャー SVG 模様

New

カスタムフィルター

createCustomFilter APIで独自のSVGフィルター効果を定義。ベベル、テクスチャ、変位マップを組み合わせた複雑な視覚効果。

カスタムフィルター SVG ベベル効果

クリップポリゴン

ポリゴンの形状でマップをクリップする機能のデモ。特定の領域のみを表示したい場合に使用。

クリップ マスク 領域制限

タイル地図

タイル地図システムのデモ。Web地図タイルの表示とタイル座標計算ユーティリティの使用例。

タイル 地図 座標計算

カラーパレットショーケース

科学的に検証されたColorBrewer、Viridis、CARTOパレットの展示と色覚アクセシビリティ機能のデモ。

カラーパレット アクセシビリティ ユーティリティ

AI プレイグラウンド

GeoJSONをアップロードして日本語で指示すると、AIがd3-thematikaの描画コードを生成。プレビュー確認とzipエクスポート対応。

AI コード生成 プレイグラウンド

インセット地図（位置図）

メイン地図と位置図の組み合わせ。bboxToPolygon()でメイン地図の表示範囲を位置図に範囲枠として描画。

インセット 位置図 bbox

地図装飾（マージナリア）

ScaleBarLayer・TitleLayer・NorthArrowLayerによるスケールバー、タイトル、出典表記、方位記号のデモ。静的地図の仕上げに必要な周辺要素。

スケールバー タイトル 地図装飾

分級ユーティリティ

classify()による4種類の分級手法（自然分類・等間隔・等量・標準偏差）の比較デモ。コロプレス図の階級区分に。

分級 コロプレス Jenks

New

ティソーの指標図

地図投影による歪み（距離・面積・角度）を可視化するティソーの指示楕円のデモ。

投影 歪み ユーティリティ

古地図風のデモ

複雑なプロジェクション

オーストラリア

空港ネットワーク

アメリカ

道路ネットワーク