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.
Candlestick
→
OHLC candlestick chart for time-series price data. Wick plus body per period, with bullish/bearish colouring.
Gauge
→
Radial gauge for a single reading against a min/max range. Three-quarter (default) or half-gauge variants for dashboard KPIs.
Line
→
Multi-series area-line chart with stacked fills and annotation markers. Add as many series as needed.