Charts
D3-powered chart Web Components. Drop a custom element into any HTML — no framework required. Import once with import 'zynaui/charts' and all tags become available.
Waffle Chart
→
10×10 grid where each cell = 1%. Ideal for proportion breakdowns.
Timeline
→
Proportional-circle timeline where bubble area encodes value. Annotations appear on a rail above the baseline.
Nightingale
→
Radial rose chart where each sector's radius encodes its value. Suits comparing multiple categories with colour-coded groupings.
Lollipop
→
Horizontal lollipop chart. A lighter alternative to bar charts — stem from zero to value, capped with a circle.
Orbital
→
Concentric arc chart where each ring fills a proportion of a full circle (0–1). Includes tick marks, radial glow, and elbow leader lines.