Skip to main content

ByDataShape

Containers and Specs

lieflat-charts is navigated by DATA SHAPE, not by component name — a reader looking for "two time points per category" lands on the right template without ever knowing it is called a dumbbell chart. This is an INDEX, not a catalogue of variants — each container's own Charts/<Name> story is still the place for its full API surface.

Open in StorybookSource

Examples

24 live examples

100% composition, counted

Two time points per category

Daily series over time

Composition over continuous time

Real-time series

Two linked series (input vs output)

Rank over time

Category × category + value

Single value progress

2-D scatter ≤ 20 points

Engineering

Work

Hierarchy + share of whole

Same entities across many dimensions

OHLC

Per-record routes (100+)

Network ≤ 15 / 60 / 180 nodes

Region shading

Whole-to-part share, few categories

Progress against a target

Same entity across a few dimensions, radial

Funnel, stage-to-stage dropoff

Waterfall / bridge between totals