demo D250

Bubble map

Place a value at each point on the map and size the bubble by how large it is

type: 'bubblemap', lon, lat, size

Building…

Loading a live grid…

The configuration

'chart-types-bubblemap': () => ({
  rows: [], config: {},
  foot: ['a bubble at each city', 'sized by the number of users there'],
  mount: mountGridCharts({
    rows: cityRows(), columns: cityCols, columnsPer: 1, chartHeight: 360,
    chartTypeModules: ['bubblemap'],
    charts: [{ type: 'bubblemap', lon: 'lon', lat: 'lat', size: 'users', label: 'city', title: 'Users by city' }],
  }),
}),