World map

A world map in the brand's colours: chosen countries fill in one by one (shaded by their values when given) and the top ones are labelled. Zooms to a region.

• data/world-map
• Data
• chart
• Full frame
• 6 s (3–30 s)
• World maps

16:99:161:14:5

Live in your browser

0.00 / 6.00 s

Render it

npx volito render data/world-map --prop title="Where our viewers are" --prop suffix="%" --out world-map.mov

That writes ProRes 4444. The same item in another shape, brand or format:

volito render data/world-map --aspect 9:16 --style cobalt --out world-map-9x16.mov
volito render data/world-map --format mp4 --out world-map.mp4
volito still data/world-map --t 3 --out world-map.png
volito info data/world-map     # every prop and part
volito add data/world-map      # copy its source into ./motion to edit

From Node:

import { findItem, renderVideo } from "volito";

await renderVideo(findItem("data/world-map"), { props: { title: "Where our viewers are", suffix: "%" }, out: "world-map.mov" });

Or ask an agent with the MCP server connected: “Render the Volito world map (data/world-map) in 9:16, in our brand.”

Props

Set each with --prop name=value, or all at once with --props and a JSON object.

Parts

Each part takes any move, ease or idle: --motion ground.in=pop.

Tags: map, world, countries, choropleth, geo

More in Data

Line chart

A line draws on through its points over a soft area, each point popping as the line reaches it, the last value called out, against an optional target.

Donut chart

Segments sweep round a ring one after another, the centre counts up to the total (or the first share), and a legend lists each part.

Bar chart race

Ranked bars grow and overtake each other as the periods advance; the axis rescales and the period counts up in the corner.

Goal meters

Rows of capsule meters fill to their share of a goal, each with its label and a percentage counting up.

Versus

Two sides face off: a label and a big number counting up on each, a VS badge popping between them and a split bar settling to their ratio.

Timeline

Milestones along a line that draws itself: each date's dot pops as the line reaches it and its words rise beside it.