Maps

import"@truvar-ai/design-system/charts"

Maps

An interactive world map for call and customer data: colour countries by a value, focus a region, zoom and pan, pick a country, and place live markers. Borders come from Natural Earth (public domain).

Choropleth map

Built on WorldMap (d3-geo + d3-zoom)

Darker means more. Drag to pan, scroll or use the buttons to zoom, click a country to select it. With the keyboard: focus the map, then arrows pan, + and − zoom, 0 resets; or pick a country from the list.

Live markers

Built on WorldMap markers

City markers sized by live calls, with a gentle pulse that stops for people who prefer less motion. Hover a marker for its city and count.

754 calls happening now

Border view

Built on WorldMap pov="EG" | "default"

Natural Earth draws borders by who controls territory. Egypt's view merges three areas: Taiwan into China, Northern Cyprus into Cyprus and Somaliland into Somalia. Halaib is shown as Egyptian in both.

Borders

This setting changes the choropleth map above.