Altris/ Design Language/ Expression/ Data viz
Expression

Data viz

Charts read like the rest of the system — neutral by default, with one warm highlight where the story is. Graphite carries the leading series, Baltic supports, Steel sits behind. High Voltage flags the moment that matters; Prussian carries soft target bands and second-tier callouts.

Status Draft
Owner [email protected]
Updated w17 · 2026
01 · Series order

Six roles, one ordering

Every chart picks colors in this order. If the chart needs a fourth series, drop to a lighter Baltic or Steel step before reaching for a new hue.

Series 01
Graphite
leading data
Series 02
Baltic
supporting
Series 03
Steel
context
Grid
Mist
gridlines
Highlight
High Voltage
one value
Callout
Prussian
target band
02 · Bar chart

Comparison & ranking

For ranked comparisons, set every bar in Graphite and recolor the one that carries the headline in High Voltage. Avoid rainbow categorical bars.

Energy density · 2025 reference cells

Altris Energy Cell vs. industry benchmarks

Wh/kg, third-party verified. Highest result in High Voltage; the rest in Graphite.

Altris EC
160
LFP
150
CATL Na-ion
140
HiNa Na-ion
120
Faradion
100
Lead-acid
35
050100150200 Wh/kg
Altris (focus) Li-ion / Na-ion peers Lead-acid context Source: Altris EC8 datasheet · 2025
03 · Line chart

Trend over time

Time-series in Graphite (primary), Baltic (secondary), Steel (tertiary, dashed). A Prussian band shows the operational target range; one High Voltage point flags the result we want the eye to land on.

Capacity retention · cycling test

Capacity at 25°C across 4,000 cycles

Three chemistries on the same cycler. Prussian band = 80% retention target. High Voltage = Altris at end-of-test.

100% 80% 60% 40% 20% 0 1,000 2,000 3,000 4,000 cycles 82% @ 4,000 cycles TARGET · ≥ 80%
Altris EC LFP Lead-acid Target band Headline result n = 24 cells · 25°C
04 · Pie chart

Composition

Donut, never a full pie. Slices step through the series order; the largest or most strategic slice can take the High Voltage hit when it carries the headline.

Bill of materials · by origin

Where Altris cell materials come from

European share is the headline — High Voltage. All other slices in the neutral ramp.

64% SWEDEN-MADE
Sweden & Nordics 64%
Rest of EU 18%
Global commodity 12%
Trace / additives 6%
n = 1 reference cell Mass basis · 2026
Cycle-life cost driver

Where the cost lives

No single value is the headline — neutral-only donut. Use this when no slice deserves emphasis.

€/kWh CELL COST
Cathode (PW) 42%
Anode 28%
Electrolyte 18%
Casing & format 12%
Internal model · 2026 Reference: EC8 prismatic
05 · Single-figure callouts

Big numbers

For decks and datasheets — one big figure, units in Light, optional High Voltage delta. Never more than one accent per row.

Energy density
160 Wh/kg
+33% vs. lead-acid
Cycle life
4,000+
at 80% retention
Operating range
−40 / +65°C
no thermal runaway
EU content
64%
by mass · headline figure
06 · Rules

Six rules for charts

Same logic as the rest of color: neutrals first, accents earn their place.

Rule 01

One accent per chart

Either High Voltage or Prussian — not both. The other series sit in the neutral ramp.

Rule 02

Series order is fixed

Graphite → Baltic → Steel. If you need more series, drop to lighter steps before reaching for new hues.

Rule 03

Mist for grid, never data

Use Mist (#DDDDDD) for axes and gridlines. Never as a series color — it disappears.

Rule 04

Donut, not pie

Always leave the centre open — put the headline figure or unit there. Slices read better, ink reads less decorative.

Rule 05

Prussian for bands

Target ranges, confidence intervals, "good enough" zones — Prussian at low opacity. Never as a series.

Rule 06

Mono for numerals

Axis ticks, legend percentages, data labels — JetBrains Mono. Headline numbers stay in Axia Black.