← Londonchartlink · choropleth
London by: boroughs · wards
Map of London by borough, one number per borough
Also: London map by borough · map of London boroughs · London boroughs choropleth · colour every London borough by a value · Greater London map

Example: Population of London's boroughs, 2024 — Mid-2024 population estimate by borough. Croydon, Barnet and Newham are the largest; the City of London, a borough in all but name, has fewer than 20,000 residents.
About this template
Data: one row per borough with its code (E09000033 for Westminster, E09000012 for Hackney) or its name, and a number. A borough with no row stays grey. The 32 boroughs and the City of London; codes are the ONS local authority codes. Same design as the other city maps, so they sit together.
A choropleth map of the regions of the "london-boroughs" geography, each region filled by one number from your data (the "population" column).
A sequential colour scale from pale blue for the smallest values to deep navy blue for the largest; pinned to 150000 to 400000, so values beyond the ends take the end colour and the colour bar says ≤ and ≥; a gradient colour bar below the map, with its labels underneath; values formatted in compact form (1.2k, 3.4M), 1 decimal; on a white canvas (#ffffff) with near-black text — a light theme; 0.6-unit hairline outlines between regions.
The title and description are left-aligned above the chart. Font: Inter (the default); a source line with a link sits at the bottom, with the chartlink badge in the corner.
Data: 2 columns — borough (string, "Borough (code or name)"), population (number, "Population, mid-2024") — and 33 rows in the example "Population of London's boroughs, 2024". Regions are named by ISO 3166-2 region codes or region names; a region with no row stays unfilled in grey, and an unknown code fails loudly with the nearest matches. Your data keeps the same column ids and every other setting comes from the template; an agent can change any of them.
Other looks of this template — dark (on a dark canvas): ast_ycsOVYS1jpO2OwW0ihPAi; buckets (with the values in classes and a swatch legend): ast_Lhiq3NBwvgLgIUYhOokWh; editorial (in the editorial house style — serif type on paper, a green ramp): ast_e98PQLwWZ0balgK1xYvVs; categories (with a text category per region and a swatch legend): ast_p8sPeQsnsn5Qfl3NgT3VX; buckets-dark (with the values in classes and a swatch legend, on a dark canvas): ast_KT2rcIkpyVHCAv0QI8hTt; surroundings (with the land around the place drawn in grey): ast_YpNF1FFnVn568Ozy60N9Z; categories-dark (with a text category per region and a swatch legend, on a dark canvas): ast_XYOAWf7O1JztKH7JfLI4V; buckets-editorial (with the values in classes and a swatch legend, in the editorial house style — serif type on paper, a green ramp): ast_JfR52tswEHgadY5YVpkgT; dark-surroundings (on a dark canvas, with the land around the place drawn in grey): ast_4lV5s5TgadfRyvAlKgvqS; buckets-surroundings (with the values in classes and a swatch legend, with the land around the place drawn in grey): ast_qcfstNqU7v4icsR5E4m9e; categories-editorial (with a text category per region and a swatch legend, in the editorial house style — serif type on paper, a green ramp): ast_zEL43xaHimLoy3ZXrbLGH; editorial-surroundings (in the editorial house style — serif type on paper, a green ramp, with the land around the place drawn in grey): ast_5TOCe83CeGu8z9bOF8EY2; categories-surroundings (with a text category per region and a swatch legend, with the land around the place drawn in grey): ast_GItsiN4ixTJcIQ6YnwZx4; buckets-dark-surroundings (with the values in classes and a swatch legend, on a dark canvas, with the land around the place drawn in grey): ast_CcNLuceH93fRSTORcetRW; categories-dark-surroundings (with a text category per region and a swatch legend, on a dark canvas, with the land around the place drawn in grey): ast_NGdT3GJ7X42KUpeqSwIwk; buckets-editorial-surroundings (with the values in classes and a swatch legend, in the editorial house style — serif type on paper, a green ramp, with the land around the place drawn in grey): ast_UU0cVUQHdLSm6HHX1GjQA; categories-editorial-surroundings (with a text category per region and a swatch legend, in the editorial house style — serif type on paper, a green ramp, with the land around the place drawn in grey): ast_hVO46RA1VsbaUoMeSCjIU. On the page, switch with the toggles; an agent passes that id as the template instead.
Use it with your agent
Copy the prompt, paste it into Claude, ChatGPT, Cursor or any agent with the chartlink MCP server or API, and give it your numbers. It rebuilds this exact design with your data and hands back an embed, a PNG and a page.
The prompt in full
Data this template expects
| column id | type | in the example |
|---|---|---|
| borough | string | Borough (code or name) |
| population | number | Population, mid-2024 |
33 rows in the example. Your data keeps these column ids; everything else about the chart comes from the template.
For agents: the API call
POST https://chartlink.app/api/assets
{
"template": "ast_fGbEd1pUsg5gz8d02outo",
"knobs": {
"theme": "light",
"dataType": "gradient",
"title": {
"text": "Your title"
},
"source": {
"text": "Where the numbers come from"
}
},
"data": {
"columns": [
{
"id": "borough",
"type": "string"
},
{
"id": "population",
"type": "number"
}
],
"rows": [
[
"…"
]
]
},
"publish": true
}The recipe (the template's settings)
{
"chart": {
"domain": [
150000,
400000
],
"format": {
"kind": "number",
"compact": true,
"decimals": 1
},
"outline": {
"width": 0.6
},
"geography": "london-boroughs"
},
"title": {
"text": "Population of London's boroughs, 2024"
},
"preset": "map-light",
"source": {
"url": "https://www.ons.gov.uk/peoplepopulationandcommunity/populationandmigration/populationestimates",
"text": "ONS, mid-2024 population estimates for local authorities"
},
"encoding": {
"value": {
"column": "population"
},
"region": {
"column": "borough"
}
},
"description": {
"text": "Mid-2024 population estimate by borough. Croydon, Barnet and Newham are the largest; the City of London, a borough in all but name, has fewer than 20,000 residents."
}
}map · choropleth · london · boroughs · city · city-districts
Similar templates
- Map of London by ward, one number per ward
- Map of New York City by borough, one number per borough
- Map of Berlin by planning area, one number per planning area
- Map of Paris by IRIS block, one number per IRIS block
- Map of Madrid by barrio, one number per barrio
- Map of New York City by ZIP code, one number per ZIP code
- Map of Madrid by district, one number per district
- Map of Tokyo by ward, one number per ward
- All templates →