Data brought to life

Chart components visualise data sets using the design-system colour, spacing, and typography tokens. Built on Recharts for responsive SVG rendering, animations, and interactivity. The shared wrapper handles titles, subtitles, summary stats, and tooltips so every chart type looks and feels consistent.

Bar chart

Bar Chart - Interactive

Showing total visitors for the last 3 months

Desktop24,828
Mobile25,010

Line chart

Visitors by Device

January - June 2024

Desktop1,224
Mobile860

Pie chart

Browser Share

Visitor distribution by browser

Task Status — Donut

Current sprint

Radial chart

Sprint Progress

Completion by phase

KPI Overview

Q2 2024 targets

Area chart

Traffic Sources

Organic vs paid visits — January to June 2024

Organic1,335
Paid790

Radar chart

Team Skills

Competency comparison across domains

Team Alpha Focus

Single-series radar

Scatter chart

Height vs Weight

Sample population clusters

Correlation0.82
Points40

Treemap

Disk Usage

Storage breakdown by category (MB)

Total23.7 GB
Free12.3 GB