choropleth() 統合ヘルパー デモ

📊 使用データ & 機能

  • choropleth() 1回の呼び出しで分級・配色・レイヤー・凡例を生成
  • 世界各国の人口(POP_EST)による階級区分図
  • パレット・分級手法・階級数の切り替え
  • タイトル・スケールバー・出典表記による仕上げ

地図表示

実装サンプル

choropleth() の使用例

// choropleth() は分級→配色→レイヤー→凡例を1回の呼び出しで組み立てる
const { layer, legend } = Thematika.choropleth({
    data: geojson,
    value: 'POP_EST',            // プロパティ名または (f) => f.properties.POP_EST
    palette: 'YlOrRd',           // AllPalettes のパレット名
    classes: 5,                  // 階級数
    method: 'jenks',             // 'jenks' | 'equalInterval' | 'quantile' | 'stdDev'
    legend: {
        title: '人口(POP_EST)',
        position: { top: 20, left: 20 },
        labelFormat: d3.format('.2s')
    }
});

map.addLayer('choropleth', layer);
map.addLayer('legend', legend);

// タイトルとスケールバーで仕上げる
map.addLayer('title', new Thematika.TitleLayer({
    title: '世界の人口',
    subtitle: 'Natural Earth (POP_EST)',
    position: 'top-center'
}));