Skip to content
Architecture & Design Simple #density

Urban Density Comparison

Manhattan 28k/km^2; Paris 21k; Tokyo 16k; LA 3k - dramatic density variation.

A free, animated urban density comparison you can read here or embed on any website, from Scrollchart.

Urban Density Comparison

Urban Density ComparisonResidents per km squared - a 50x range between ultra-dense and sprawl cities

Density bars (people per km^2) for top global cities. Manhattan, Paris, Tokyo, Mumbai, London, Beijing, LA. Built-form correlation (low-rise vs high-rise) annotated.

Good for

  • Urbanism articles

Source & accuracy

This urban density comparison is an editorial illustration built to represent the concept accurately. Where it shows figures, they are typical or representative values chosen to make the relationship clear, not a single underlying dataset. The diagram and its explainer are reviewed and maintained centrally, and updated over time as understanding improves.

Why density numbers vary so widely

Urban density, measured as residents per square kilometer, differs by an order of magnitude between cities built around walking and transit and those built around the car. Dense cores such as central Paris and Manhattan pack tens of thousands of people into each square kilometer, while sprawling auto-oriented regions like greater Los Angeles spread far fewer residents over a similar area.

The figures also depend heavily on where the boundary is drawn. A measurement of a tight historic core gives a very high number, while including suburban counties pulls the average down sharply, which is why density comparisons must specify the area being counted.

What density shapes in a city

Higher residential density supports frequent public transit, walkable shops, and lower per-capita energy use, but it also raises pressure on housing prices and infrastructure. Lower density tends to mean car dependence, longer commutes, and more land consumed per resident.

Comparing cities side by side highlights the tradeoffs planners weigh when deciding whether to build up or build out.

Embed this diagram

Add this animated urban density comparison to your own site. Copy one line of HTML, or use the embed builder for theme and sizing options.

Reference

What this is
A free, embeddable, animated urban density comparison for any website.
Who uses it
Architecture & design sites.
How to embed
Copy one line of HTML. No signup. No watermark. Works in WordPress, Webflow, Ghost, Substack, plain HTML.
File size
iframe embed, ~80 KB gzipped (loads on demand, does not block your page paint).
License
Free forever. Editorial explainer text included; updated centrally over time.

Embed format options

Copy the universal HTML snippet, the WordPress shortcode, or an iframe fallback - see the WordPress plugin page for details. Any format keeps the same Core Web Vitals profile and the same explainer text.

Embed snippet
<div data-scrollchart="urban-density-comparison" data-scrollchart-v="1"></div>
<script src="https://scrollchart.com/embed.js" async></script>

Frequently asked questions

Where can I get a free animated "Urban Density Comparison" for my website?
Scrollchart provides "Urban Density Comparison" as a free, embeddable animated diagram you can add to any website with one line of HTML. No signup is required and there is no watermark. The diagram and its explainer text are served from scrollchart.com, so the embed stays current without any maintenance on your end.
How do I embed a urban density comparison in WordPress or a static site?
Paste the HTML snippet from the Scrollchart diagram page into your WordPress post (in HTML/code view), your Webflow embed block, or directly into a static HTML file. No plugin is needed. The diagram loads from scrollchart.com and paints in as the reader scrolls.