PB Dataset Colour Evaluation

Marine Design System — Data visualisation token review

Dark Mode Light Mode
Colour Tokens — 4 Datasets × 8 Colours

Primary

Alternative 1

Alternative 2

Single Hue


Area Charts — 2 series per set

Primary · Area

Actual vs Forecast

Alternative 1 · Area

Actual vs Forecast

Alternative 2 · Area

Actual vs Forecast

Single Hue · Area

Actual vs Forecast


Bar Charts

Primary · Bar

Cargo volume Jan–Mar (kt)

Alternative 1 · Bar

Cargo volume Jan–Mar (kt)

Alternative 2 · Bar

Cargo volume Jan–Mar (kt)

Single Hue · Bar

Cargo volume Jan–Mar (kt)


Line Charts

Primary · Line

Vessel utilisation rate — 8 vessel classes, 3 months

Alternative 1 · Line

Vessel utilisation rate — 8 vessel classes, 3 months

Alternative 2 · Line

Vessel utilisation rate — 8 vessel classes, 3 months

Single Hue · Line

Vessel utilisation rate — 8 shades, 3 months


Donut Charts

Primary · Donut

Fleet composition by type

Alternative 1 · Donut

Fleet composition by type

Alternative 2 · Donut

Fleet composition by type

Single Hue · Donut

Fleet composition by type