Data visualization for analytics dashboards. Series use a colorblind-safe categorical core (purple, teal, amber); green and red are reserved for status; the heat map is a sequential purple ramp. Every chart carries a legend or direct labels, so identity is never color alone.
Bar chart
Bars sized by value across categories. Use it to compare magnitude between items.
Grouped bar
Bars clustered by category and series. Use it to compare a few series across the same categories.
DesktopMobile
Line chart
Points connected along a continuous axis. Use it to show a trend over time.
SessionsSignups
Area chart
A line with the area beneath it filled. Use it to emphasize the volume of a single trend.
Stacked bar
Bars split into stacked segments. Use it to show part-to-whole within each category.
DirectReferralSocial
Waterfall
Bars that step from a start value to an end. Use it to show how gains and losses add up to a total.
IncreaseDecreaseTotal
Heat map
A grid of cells colored by value. Use it to show density across two dimensions.
LowHigh
Donut
A ring split into proportional segments. Use it to show the composition of a whole.
Direct · 46%Referral · 30%Social · 24%
Scatter
Points plotted on two measures. Use it to reveal the relationship between them.
Cohort ACohort B
Gauge
A radial fill toward a target. Use it to show progress toward a single goal.
Sparkline
A tiny line chart without axes. Use it to show a trend inside a stat tile.
