Choropleth maps encode a numeric variable by filling geographic regions (countries, states, counties) with a color scale. Sequential scales work for one-directional data like population density; diverging scales suit data that varies around a meaningful midpoint like temperature anomalies or vote margins. They are the standard visualization for any geographic distribution analysis.

Subtype

▾

Live Preview

This chart type requires a Pro license.

Please upgrade to unlock advanced visualizations.

{
  "title": {
    "text": "US State GDP Per Capita (2024)"
  },
  "data": [
    {
      "id": "CA",
      "value": 89000,
      "label": "California"
    },
    {
      "id": "NY",
      "value": 93000,
      "label": "New York"
    },
    {
      "id": "TX",
      "value": 67000,
      "label": "Texas"
    },
    {
      "id": "FL",
      "value": 57000,
      "label": "Florida"
    },
    {
      "id": "WA",
      "value": 86000,
      "label": "Washington"
    },
    {
      "id": "MA",
      "value": 101000,
      "label": "Massachusetts"
    },
    {
      "id": "CO",
      "value": 78000,
      "label": "Colorado"
    },
    {
      "id": "IL",
      "value": 68000,
      "label": "Illinois"
    },
    {
      "id": "VA",
      "value": 72000,
      "label": "Virginia"
    },
    {
      "id": "NC",
      "value": 60000,
      "label": "North Carolina"
    },
    {
      "id": "GA",
      "value": 59000,
      "label": "Georgia"
    },
    {
      "id": "AZ",
      "value": 56000,
      "label": "Arizona"
    },
    {
      "id": "OH",
      "value": 58000,
      "label": "Ohio"
    },
    {
      "id": "MI",
      "value": 57000,
      "label": "Michigan"
    },
    {
      "id": "PA",
      "value": 63000,
      "label": "Pennsylvania"
    },
    {
      "id": "MN",
      "value": 74000,
      "label": "Minnesota"
    },
    {
      "id": "OR",
      "value": 68000,
      "label": "Oregon"
    },
    {
      "id": "TN",
      "value": 55000,
      "label": "Tennessee"
    },
    {
      "id": "MD",
      "value": 75000,
      "label": "Maryland"
    },
    {
      "id": "WI",
      "value": 60000,
      "label": "Wisconsin"
    },
    {
      "id": "MS",
      "value": 42000,
      "label": "Mississippi"
    },
    {
      "id": "AR",
      "value": 47000,
      "label": "Arkansas"
    },
    {
      "id": "WV",
      "value": 46000,
      "label": "West Virginia"
    }
  ],
  "series": [
    {
      "type": "choropleth",
      "idKey": "id",
      "valueKey": "value",
      "labelKey": "label",
      "colorScheme": "sequential-blue"
    }
  ],
  "map": {
    "region": "us-states"
  }
}

Edit JSON above · auto-previews after 0.9 s

US state GDP per capita encoded with a sequential color scale — darker shades indicate higher economic output per resident.

PreviousBump Charts Next Bubble Map

Was this article helpful?