Examples Gallery

GeoJSONレイヤー

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

GeoJSON 基本 スタイル

画像レイヤー

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

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

凡例レイヤー

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

凡例 スケール 自動生成

ポイント円レイヤー

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

ポイント 円 動的サイズ

New

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

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

シンボル d3.symbol CARTO Safe

New

ポイントアノテーションレイヤー

GeoJSONポイントに詳細なアノテーション（注釈）を表示。サブジェクト形状、引き出し線、テキストボックスを柔軟にカスタマイズ可能。

アノテーション コールアウト カスタマイズ

ポイントテキストレイヤー

GeoJSONのフィーチャにテキストラベルを表示するレイヤー。地名やラベルの表示に使用。

テキスト ラベル フォント

ラベル重なり回避

Voronoi図を使用してラベルの重なりを自動回避。接続線で元の位置と移動後の位置を表示。

Voronoi 重なり回避 接続線 最適化

New

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

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

3D スパイク 統計

ラインレイヤー

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

線 接続 弧

New

ライン集約レイヤー

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

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

New

ラインテキストレイヤー

ライン上にテキストを配置するレイヤー。道路名や河川名など、線状要素のラベリングに使用。

テキスト ライン ラベル

New

テーパーラインレイヤー

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

テーパー アーク フロー

ブルームエフェクト

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

エフェクト ブルーム

New

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

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

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

New

テクスチャー

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

テクスチャー SVG 模様

New

カスタムフィルター

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

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

クリップポリゴン

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

クリップ マスク 領域制限

COG読み込み

Cloud Optimized GeoTIFF (COG) データの表示と処理のデモ。大容量地理空間ラスターデータの効率的な読み込み。

COG GeoTIFF ラスター

タイル地図

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

タイル 地図 座標計算

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

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

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

プレイグラウンド

複数の機能を組み合わせた実験的なデモ。新しいアイデアやテスト用。

実験 複合 テスト

New

ティソーの指標図

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

投影 歪み ユーティリティ

古地図風のデモ

複雑なプロジェクション

オーストラリア

空港ネットワーク

アメリカ

道路ネットワーク