Skip to content
StorycardsInfographics

Interactive mapping

Make the map part of the story.

Start with a question or geographic data. Build a map people can search, compare and understand — then refine every label, layer, camera and interaction before publishing.

  • Map Studio
  • Choropleths
  • Search & detail
  • 3D data height
  • Time & comparison
Storycards world map showing urban population share by country with search and a continuous color legend 2024 Country view Color = urban share Search + inspect
Real Storycards template · World Bank WDI 2024
One map primitiveReal geographic dataEditorial controlsResponsive publishing

Working maps, real data

Six ways geography can explain the finding.

These are live Storycards renders, not product mockups. Drag, zoom and inspect the maps here, then open the same structured template to adapt the data and design.

Loading interactive map…
20243D data height

A measure turned into height

Where late arrivals towered

Bounded 3D columns make one airport performance measure spatial without pretending the height is geographic terrain.

SourceU.S. DOT Bureau of Transportation StatisticsUse this template ↗
Loading interactive map…
2020–2025Time + baseline

Reader-controlled comparison

The population towers kept shifting

Readers move through time while height shows population and color stays anchored to a fixed 2020 baseline.

SourceU.S. Census Bureau Vintage 2025Use this template ↗

Live-source map examples

The map can keep moving after publish.

Each example below is an interactive packaged snapshot. Connect the same template to its supported supplier and Storycards can refresh the published snapshot without exposing source credentials to readers.

Loading interactive map…
Source-ready snapshotPan · zoom · locate

Scheduled mobility data

How much transit runs near you?

Cluster stops, trace a selected corridor and use location to understand scheduled service. Connect SIRI when live arrival estimates are available.

SourceIsrael Ministry of Transport · GTFSUse this template ↗
Loading interactive map…
Preliminary live feedTime · stations · detail

Time-aware monitoring

What are we breathing now?

Move through observation times and inspect individual stations. The design keeps the preliminary-data warning attached to every reading.

SourceNational Air Monitoring NetworkUse this template ↗
Loading interactive map…
API-ready observationsAutoplay · pause · compare

Autoplay observation timeline

Watch the rain cross Israel

Animate measured station rainfall over time, pause on a moment and compare exact readings without implying values between stations.

SourceIsrael Meteorological ServiceUse this template ↗
1Supplier API or Sheet→2Server-side refresh→3Validated snapshot→4Fast reader map

Map Studio

Every map decision stays in your hands.

Use AI to get to a strong first map, then work directly with the geography, layers, camera and reader experience. Nothing is flattened into a screenshot or locked behind a prompt.

Real Storycards editorMap inspector · basemap · color scale
01

Data & geography

Bind place, value, latitude, longitude and time fields. Choose region and grain, review data joins and keep unmatched rows visible.

02

Layers & height

Build filled regions, proportional points, clusters, heatmaps, routes and bounded 3D data columns from the same structured dataset.

03

Basemap & camera

Choose a light, dark or OpenFreeMap basemap. Set zoom, pitch and bearing, then save camera scenes from the exact view.

04

Search & details

Turn on place search, design the result and detail views, choose supporting fields and optionally locate the nearest data-backed point.

05

Time & comparison

Add a reader-controlled or autoplay timeline, pick a deterministic current step and color change against an explicit baseline.

06

Color & fallback

Shape sequential or diverging scales and legends while retaining an SVG version for exports, thumbnails, loading and no-WebGL environments.

Choose the geographic argument

Not every dataset needs a map.
The right story does.

Storycards helps match the map to the relationship in the data — and keeps the result editable when the question changes.

01

Compare places

Fill countries, states or regions by a measure.

Use continuous or categorical color, preserve a readable legend and keep unmatched geography visible instead of silently dropping it.

02

Find a place

Make dense geography searchable.

Let readers search by place name or common code, focus the map and open a crafted detail view with the values and context that matter.

03

Show magnitude

Use bounded height when the value deserves a third dimension.

Map one transparent numeric field to relative 3D columns with explicit scaling and a deterministic proportional-symbol fallback.

04

Explain change

Let time move while the baseline stays honest.

Build reader-controlled timelines, compare the current step with a fixed baseline and avoid inventing values for missing place-period pairs.

From data to geography

A mapping workflow the whole team can inspect.

Start with a shipped template or ask Storycards to recommend the most honest map structure. Then take over in the same Studio used for every other visual story.

  1. 1Bring the sourceUpload a table, sync Google Sheets or use a supported API.
  2. 2Check the matchReview fields, place matching, missing rows, units and source notes.
  3. 3Shape the viewControl layers, search, camera, legends, detail, height, time and color.
  4. 4Publish responsivelyShip a Smart Embed that works across desktop, mobile, touch and reading directions.

Questions

What mapmakers need to know.

Can I create an interactive map without code?

Yes. Start with a question, spreadsheet or map template. The geography, data bindings, styling and interaction remain editable in Storycards.

What can I edit in Map Studio?

Control data and geographic matching, layers, basemap, color scale, camera, search, place details, reader location, timelines, comparisons and camera-story scenes — without writing code.

What kinds of geographic stories are supported?

Use country and regional choropleths, point and cluster maps, routes, 3D data-height maps, searchable locations, camera scenes and reader-controlled time comparisons.

What happens if a place name does not match?

Unmatched rows are reported for review rather than silently removed. Supported maps can match common names and geographic codes where the underlying gazetteer provides them.

Will the map still work on mobile?

Yes. Map layouts adapt to smaller frames, use touch-friendly controls and detail sheets, and retain a deterministic fallback when the live basemap is unavailable.

Can a published map update from live data?

Yes. Connect a supported Google Sheet or API. Storycards refreshes a safe published snapshot server-side, so readers never receive supplier credentials and the last valid map remains available if the source is temporarily down.

Storycards maps

Make geography explain something.

Start free with your data — or simply ask the question.

Create a mapNo credit card required.