Create better charts, maps, and tables with ease

Design and publish high-quality data visualizations with a single, powerful web app.

Start creating →
You can try it, no account needed.
Components

From data to a publishable chart

Chart

Bar, line, scatter, area — editorial defaults, muted categorical colours, responsive by design.

Map

Choropleth and symbol maps with locator basemaps, coloured on the same qualitative palette.

Table

Sortable, searchable tables with heatmap cells and sparkline columns in Roboto Mono.

Chart · Refine · Publish

Bars · qualitative palette

Line · two series

Controls

Buttons, links and fields

Start creating Sign in Learn more Disabled no code required
Start creating Sign in Learn more ← hover (teal → #015f7a)
Chart title Chart title ← recommended focus ring (site sets outline:none)

Primary CTA is teal #007da0 at 4px radius / 40px; secondary is white with a 1px #d1d1d1 border and a soft rgba(0,0,0,.04) 0 1px 2px shadow. Links are teal, darkening to #015f7a on hover. The live site suppresses focus (outline:none) — an anti-pattern; a 2px teal ring is the recommended replacement.

Typography

Roboto, with Roboto Mono for numbers

Display / h1 · Roboto · 56/64.4 · 700 · -0.14pxCreate better charts
Section / h2 · Roboto · 32/36.8 · 700 · -0.08pxAnd publish your visualizations
Sub / h3 · Roboto · 20/23 · 700Mobile
Body / lead · Roboto · 20/27 · 500 · #808080Design and publish high-quality data visualizations.
Nav links · Roboto · 16 · 400 · tealFeatures · Learn · Pricing
Nav bold item · Roboto · 16 · 600Contact
Button / mono label · Roboto / Roboto Mono · 14–16 · 500GDP per capita · 2024
Palette

--color-* token system

Text
gray-900#1a1a1a
gray-800 ink#2e2e2e
gray-550#727272
gray-500 body#808080
gray-450#8e8e8e
Surfaces & borders
gray-025#f9f9f9
gray-075#f0f0f0
gray-100#ebebeb
gray-150 border#dedede
gray-200#d1d1d1
gray-850#242424
gray-950 footer#141414
Brand teal — scooter
dw-scooter#007da0
hover#015f7a
light#0b9bbf
scooter-500#008db1
scooter-750#004254
lightest#ecf4f6
lighter#e0eef1
Data / accent (editorial chart colours)
orange#fc9c00
orange-mid#ec8d00
orange-dk#dc7f00
yellow#ffd145
green-400#00b297
Depth & motion

Soft shadows, a 4px corner

4px control/card
8px large card
16px feature
50% dot
shadow-sm · 0 1px 2px .04
shadow-md · 0 12px 40px -2px

Motion: house transition is all 0.2s ease-in-out; the signature is the infinite chart-gallery scroll (14–26s linear marquees, shown live above), with reveal keyframes and an overshoot spring cubic-bezier(0.34,1.56,0.64,1). Built in Svelte with 3 reduced-motion blocks.