Prism Map
A 3D map where geographic regions are extruded upward — their height encodes a data variable, creating a cityscape-like perspective that makes high-value regions literally stand out above their neighbors.
// 01 — The chart
What it looks like
A prism map of population density. Each region is extruded to a height proportional to its value — the tallest “building” (380) immediately draws the eye, while flat regions indicate sparse populations.
// 02 — Definition
What is a prism map?
A prism map is a three-dimensional thematic map in which geographic regions are rendered as solid prisms — their footprint matches the region’s geographic boundaries, and their height is proportional to a data variable. The effect looks like a cityscape or skyline view of the data, where high-value areas literally tower above low-value ones.
Unlike a flat choropleth that encodes data through color alone, a prism map adds vertical extrusion as a second visual channel. This can be redundant with color (both encoding the same variable for emphasis) or bivariate (height for one variable, color for another). The combination creates a dramatic, immediately intuitive visual: taller = more.
Prism maps are sometimes called extruded choropleth maps, 3D choropleth maps, or block maps. They gained popularity with the rise of WebGL-powered mapping libraries like Mapbox GL and deck.gl, which made 3D extrusion trivially easy on the web.
Origin: The concept of extruding map regions into 3D dates back to physical relief models of the 19th century. Digital prism maps became practical in the 1990s with GIS software, and exploded in popularity after 2015 when Mapbox GL JS and deck.gl made real-time 3D map rendering accessible in web browsers.
// 03 — Anatomy
Parts of a prism map
// 04 — Usage
When to use it — and when not to
- You want a dramatic, immediately intuitive visualization — 'taller = more' requires zero training
- Your audience is non-technical and benefits from a physical metaphor (skyline, cityscape)
- You need to highlight extreme outliers — a single towering prism is impossible to miss
- Presenting to a live audience where the 3D view can be rotated interactively
- You want to encode two variables simultaneously — height for one, color for another
- Creating presentation or storytelling visuals where visual impact matters more than precision
- You need precise value comparisons — 3D perspective makes height judgment inaccurate
- Tall prisms occlude shorter ones behind them — important regions can be completely hidden
- Your output is a static image with no interactivity — the fixed viewpoint creates dead zones
- Your data has many similar values — without dramatic differences, the 3D adds nothing
- Accessibility is critical — 3D maps are harder for colorblind users and impossible for screen readers
- You need to show small regions accurately — they may be hidden behind neighboring prisms
// 05 — Reading guide
How to read a prism map
Follow these steps whenever you encounter a prism map in the wild.
Identify what height encodes
Read the legend or title to understand the variable mapped to height. Is it population, GDP, crime rate? Height is the primary visual channel in a prism map — everything else is secondary.
Find the tallest and shortest prisms
These are your extremes. The tallest prism has the highest value in the dataset. Flat or nearly invisible regions have the lowest. Get a sense of the overall range before examining individual regions.
Check if color encodes a second variable
In many prism maps, color is redundant with height (both showing the same variable for emphasis). In bivariate prism maps, color shows a different variable — read the legend to know which.
Rotate the view if interactive
A single viewpoint hides regions behind tall prisms. If the map is interactive, rotate it to see all sides. If it's static, be aware that some regions may be occluded.
Don't over-interpret precise heights
3D perspective distorts length perception. Prisms farther from the viewer appear shorter than they are. Use prism maps for relative comparisons (which is taller?) rather than precise value reading.
// 06 — Pitfalls
Common mistakes
×Tall prisms hiding shorter ones behind them (occlusion)
Fix: Provide an interactive view with rotation, or use a carefully chosen oblique angle that minimizes occlusion. Consider showing a flat choropleth alongside the 3D view for reference.
×Using 3D when 2D would be clearer
Fix: If your data doesn't have dramatic outliers or if precision matters, a flat choropleth map will communicate the same information more accurately. Reserve 3D for presentation impact, not analytical precision.
×Ignoring perspective distortion
Fix: Objects farther from the camera appear smaller in perspective projection. Either use orthographic projection (no perspective shrinking) or add data labels so readers don't rely on visual height comparison alone.
×Mapping raw counts to height without normalizing
Fix: Large regions with high raw counts will tower even if their rate is low. Normalize to per-capita, per-area, or percentage values — just like with any choropleth-based visualization.
×No height legend or scale
Fix: Without a reference showing what height corresponds to what value, the visualization is purely decorative. Add a height legend or label representative prisms with their values.
// 07 — In the wild
Real-world examples
Population density skylines
Urban planning organizations create prism maps of population density where city centers tower above suburban and rural areas. The result resembles a real skyline — tall spikes for Manhattan, central London, or downtown Tokyo — making the concept of density tangible and visceral.
Election result maps with vote totals
News organizations extrude counties by total votes cast, creating dramatic prism maps that counterbalance the visual dominance of large-area rural counties in flat maps. Urban areas, though geographically small, spike dramatically upward.
GDP by country on a world map
Economic visualizations extrude countries by GDP, creating a striking global landscape where the United States, China, Japan, and European economies tower above other nations. The 3D metaphor makes economic scale differences instantly graspable.
// 08 — Quick reference
Key facts
// 09 — Variations
Types of prism maps
The core concept of extruding regions varies in how height and color are combined.
Redundant encoding (height = color)
Both height and color encode the same variable. The most common variant — redundancy reinforces the message and helps with occlusion since color is still visible even if height is hard to judge.
Bivariate prism map
Height and color encode different variables. For example, height might show total GDP while color shows GDP growth rate — revealing both magnitude and trend.
Grid-cell prism map
Instead of irregular geographic regions, data is aggregated to a regular grid (hexagons, squares). Creates a uniform, skyscraper-like visualization without the confusing effect of varying region sizes.
Animated / time-series prism map
Prism heights animate over time, showing how values grow or shrink across time periods. Dramatic for showing urbanization, pandemic spread, or economic growth.
// 10 — FAQs
Frequently asked questions
What is a prism map?+
A prism map is a three-dimensional thematic map in which geographic regions are rendered as solid prisms — their footprint matches the region's geographic boundaries, and their height is proportional to a data variable. The effect looks like a cityscape or skyline view of the data, where high-value areas literally tower above low-value ones.
When should you use a prism map?+
Use a prism map when you want a dramatic, immediately intuitive visualization — 'taller = more' requires zero training. It also works well when your audience is non-technical and benefits from a physical metaphor (skyline, cityscape), and when you need to highlight extreme outliers — a single towering prism is impossible to miss.
When should you avoid a prism map?+
Avoid a prism map when you need precise value comparisons — 3D perspective makes height judgment inaccurate. It is also a poor fit when tall prisms occlude shorter ones behind them — important regions can be completely hidden, or when your output is a static image with no interactivity — the fixed viewpoint creates dead zones.
Is a prism map suitable for dashboards?+
Yes — a prism map can work well in dashboards as long as the panel is large enough for readers to perceive the encoded values, has a clear title, and includes the legend or axis labels needed to interpret it.
What category of chart is a prism map?+
Prism Map belongs to the Geospatial family of charts. Charts in that family are designed to answer the same kind of question, so they often work as alternatives when one doesn't quite fit your data.
How do you read a prism map?+
Start with the axis labels and legend, then look at the overall shape before zooming into individual marks. Compare prominent features against the rest of the data, and verify any conclusion against the underlying numbers when precision matters.