Bubble maps plot data points on a geographic canvas using latitude/longitude coordinates, with bubble size (and optionally color) encoding a numeric value. They are ideal for comparing magnitudes across geographic locations — population by city, revenue by region, earthquake intensity by epicenter — while preserving spatial context that bar charts and tables cannot convey.

Subtype

▾

Live Preview

This chart type requires a Pro license.

Please upgrade to unlock advanced visualizations.

{
  "title": {
    "text": "US Metro Area Population"
  },
  "data": [
    {
      "city": "New York",
      "lat": 40.71,
      "lon": -74.01,
      "population": 19800000
    },
    {
      "city": "Los Angeles",
      "lat": 34.05,
      "lon": -118.24,
      "population": 13200000
    },
    {
      "city": "Chicago",
      "lat": 41.88,
      "lon": -87.63,
      "population": 9500000
    },
    {
      "city": "Houston",
      "lat": 29.76,
      "lon": -95.37,
      "population": 7300000
    },
    {
      "city": "Phoenix",
      "lat": 33.45,
      "lon": -112.07,
      "population": 5000000
    },
    {
      "city": "Philadelphia",
      "lat": 39.95,
      "lon": -75.17,
      "population": 6200000
    },
    {
      "city": "San Antonio",
      "lat": 29.42,
      "lon": -98.49,
      "population": 2600000
    },
    {
      "city": "Dallas",
      "lat": 32.78,
      "lon": -96.8,
      "population": 7700000
    },
    {
      "city": "San Diego",
      "lat": 32.72,
      "lon": -117.16,
      "population": 3300000
    },
    {
      "city": "San Jose",
      "lat": 37.34,
      "lon": -121.89,
      "population": 2000000
    },
    {
      "city": "Austin",
      "lat": 30.27,
      "lon": -97.74,
      "population": 2300000
    },
    {
      "city": "Seattle",
      "lat": 47.61,
      "lon": -122.33,
      "population": 4000000
    },
    {
      "city": "Denver",
      "lat": 39.74,
      "lon": -104.98,
      "population": 2900000
    },
    {
      "city": "Boston",
      "lat": 42.36,
      "lon": -71.06,
      "population": 4900000
    },
    {
      "city": "Miami",
      "lat": 25.77,
      "lon": -80.19,
      "population": 6200000
    }
  ],
  "series": [
    {
      "type": "bubblemap",
      "latKey": "lat",
      "lonKey": "lon",
      "valueKey": "population",
      "labelKey": "city",
      "fill": "#6366f1",
      "fillOpacity": 0.7,
      "stroke": "#4f46e5",
      "strokeWidth": 1,
      "sizeRange": [
        6,
        40
      ]
    }
  ]
}

Edit JSON above · auto-previews after 0.9 s

Major US cities plotted at their geographic coordinates, with bubble size proportional to metropolitan population.

PreviousChoropleth Maps Next Statistical Charts

Was this article helpful?