Maps & visualisations

The dashboard’s main view is a map. Since the multi-domain rework, the available modes are scoped to the tab you’re in — Flights, Cruises, and the combined All view each offer the modes that make sense for them. Switch modes from the Mode dropdown in the toolbar (or the floating-action button on the map). The last mode is remembered per domain and encoded in the URL, so you can bookmark or share a view.

Modes by tab

Tab	Modes	Best for
Flights	Routes · Heatmap · Airport frequency · Trips · Globe	Your flight network, flat or on a sphere
Cruises	Sea routes · Itinerary · Port frequency · Globe	Ship voyages, each in its own colour
All	Overview · Heatmap · Journey · Globe	Flights and cruises on one map, coloured by status

Flight modes

Routes (default)

Curved great-circle arcs between every flown airport pair, on a 2D MapLibre vector basemap. Pan, zoom, hover for tooltips, click an arc or airport to drill into the underlying flights. Arc colour encodes how often you fly a route — a grey → amber → orange → red gradient, so your commuter routes stand out from one-offs. Upcoming (scheduled) flights render in blue.

Heatmap

Each airport becomes a soft blob of heat scaled by how many times you’ve been there (@deck.gl/aggregation-layers HeatmapLayer). A quick read on where you cluster without the connecting lines.

Airport frequency

One marker per airport, sized and coloured by visit count — the fastest answer to “what’s my home base?” and how the long tail falls off.

Trips (animated)

The same flights drawn as moving paths along a timeline. A time slider lets you scrub forward and backward through your travel history, each leg fading out after its trip time.

Globe

Every flight as a great-circle arc on a 3D globe — built on the MapLibre native globe projection with deck.gl arc layers (GPU-occluded so the far side of the sphere is correctly hidden). Auto-rotation is opt-in and respects prefers-reduced-motion; drag to spin, scroll to zoom, click a marker or route for details. The globe shines when your flights span continents.

Cruise modes

Sea routes — each voyage drawn as a smoothed sea route through its ports, in its own distinct colour, with a direction arrow.
Itinerary — numbered port-of-call markers in visiting order.
Port frequency — markers sized by how often you’ve called at each port.
Globe — the same cruise routes on the 3D globe.

The “All” view

The All tab overlays flights and cruises on one map. Here routes are coloured two-tone by status rather than by frequency, so past and upcoming read at a glance:

Domain	Past	Upcoming / planned
Flights	orange	coral
Cruises	blue	cyan

A legend in the corner names each swatch. The Overview mode is the flat two-tone map; Journey, Heatmap and Globe apply the same scheme. In the per-domain Cruises view, routes instead use one distinct colour per voyage (optionally overridable per cruise).

Filters

A filter panel folds out from the left. The same filters apply to every mode:

Time period — year and/or month picker, multi-year selection.
Route frequency — show only routes flown ≥ N times to declutter.
Airlines — multi-select with Select All / None.
Status — flown, scheduled, cancelled, historical. Combine to show e.g. “all upcoming + cancelled”.

Filters are URL-shareable: the dashboard URL encodes the active filters as query params, so you can bookmark or send a co-traveller a link.

Themes & colours

Light / dark mode swaps the basemap style automatically. The route gradients above (flight frequency, All-view status two-tone, per-cruise colours) are consistent across the flat map and the globe, so a mode switch never changes what a colour means.

Performance notes

8000+ flights render smoothly on a modern laptop in any mode (deck.gl is GPU-accelerated).
Mobile WebGL handles Routes, Heatmap and the Globe fine; very dense data may stutter on low-end devices.

Limitations

Only Trips (and the Journey mode) animate — the other modes show everything at once.
Airports are plotted individually; dense hubs can overlap visually at low zoom.