Maps

A map block puts records where they happen: sales on the cities they came from, a courier on the street she is driving down, a zone filled to the level it has reached.

Get Pro to installPro3 blocksReact, Vue and Figma
MCPConnect the MCP server
Sales by cityStripe · November so far · 14 cities
Citiesby revenue this month

Every block in the set#

Interactive map

Showing where sales come from, city by city, as they land

Delivery map

Following one delivery to the door, live

Zone map

Seeing how full each zone is, from delivery areas to seats and parking

When to use#

  • Values that belong to places, where a person asks which city or zone first.
  • Something moving through a city that a customer or dispatcher is waiting on.
  • Capacity spread over areas, such as zones, seats or parking levels, where the full ones need to stand out.

The whole set, with its codePro

Pro opens the Code tab on every block here, in React and Vue, plus the Figma file and the MCP server for your editor.