Dashboard
Analytics Dashboard
A full dashboard layout with sidebar navigation, KPI summary row, and a primary chart area. The right starting point when you need a complete analytics surface rather than a single chart widget.
Charts & Graphs
Bar charts, line graphs, heatmaps, and dashboard patterns.
A focused collection of data visualization concepts — from simple bar comparisons to rich analytical dashboards. Each concept shows a real chart shape you can reference when building reporting surfaces, analytics panels, or KPI displays.
Curated set
Chart & graph concepts
Filter by chart type to jump between bars, lines, areas, distributions, heatmaps, and full dashboards.
Revenue
Expenses
100k
75k
50k
25k
0
Jan
Feb
Mar
Apr
May
Jun
Bar
Grouped Bar Chart
Side-by-side bars comparing two series across time. A clean pattern for revenue vs. expense, plan vs. actual, or any two-metric period comparison.
Users
Sessions
Conversions
2.4k
1.8k
1.2k
600
0
Mon
Tue
Wed
Thu
Fri
Sat
Sun
Line
Multi-Line Trend
Three overlapping lines tracking different metrics over a week. Good for showing correlated trends, with a hover guide and data dots highlighting a specific day.
$48k
Total spend
Engineering 36%
Marketing 24%
Design 20%
Operations 14%
Other 6%
Donut
Budget Donut Breakdown
A proportional donut chart with a center total value and a right-aligned legend. The classic reference for showing part-to-whole relationships like budget allocation, traffic sources, or plan distribution.
Cluster A
Cluster B
Cluster C
100
75
50
25
0
0
25
50
75
100
Scatter
Cluster Scatter Plot
A two-axis scatter with three color-coded clusters and variable dot sizes. Useful for correlation analysis, segmentation views, or any feature-space exploration.
Low
Medium
High
Heatmap
Activity Heatmap
A 12×7 contribution-style heatmap showing activity intensity over time. The GitHub-style grid pattern works for commit history, usage frequency, engagement tracking, or any time × category matrix.
Base
Increase
Decrease
Total
$100M
$75M
$50M
$25M
$0
Base
Growth
Upsell
New
Churn
Down
Total
Waterfall
Revenue Waterfall
A waterfall chart decomposing revenue from a base value through sequential gains and losses to a final total. The go-to pattern for bridge analyses, P&L breakdowns, and funnel attribution.
Sankey
Attribution Sankey
A multi-stage flow diagram showing how inputs split and recombine through intermediate stages to final outcomes. Essential for multi-touch attribution, user journey mapping, and budget flow visualization.
Organic
Paid
Referral
Direct
12k
9k
6k
3k
0
Jan
Mar
May
Jul
Sep
Nov
Area
Stacked Area Decomposition
A stacked area chart showing how multiple channels compose total traffic over time. The right choice for marketing mix modeling, revenue decomposition, or any cumulative time-series breakdown.
Current
Target
Radar
Multi-Axis Radar
A radar (spider) chart comparing two states across six dimensions. Ideal for product scorecards, competitive analysis, skill assessments, or any multi-dimensional comparison where shape matters more than precise values.
Visitors
24,500
Signups
19,100
Activated
13,200
Subscribed
8,600
Retained
4,400
Funnel
Conversion Funnel
A tapering funnel showing progressive drop-off through pipeline stages. The standard pattern for conversion analysis, sales pipelines, onboarding flows, and any sequential narrowing metric.
Actual
Forecast
95% CI
$50M
$40M
$30M
$20M
$10M
Jan
Mar
May
Jul
Sep
Nov
Forecast
Forecast with Confidence Bands
A trend line splitting into a dashed forecast with a shaded confidence interval. Essential for revenue projections, demand planning, or any time-series prediction where communicating uncertainty matters.
Product A
Product B
Product C
100%
75%
50%
25%
0%
$0
$25k
$50k
$75k
$100k
Bubble
Efficiency Bubble Plot
A scatter plot where bubble size encodes a third dimension like spend or volume. Great for efficiency analysis, portfolio sizing, or any three-variable comparison across categories.
Electronics · $42M
Audio
TV
Apparel · $28M
Home · $15M
Food · $12M
Treemap
Nested Treemap
A space-filling treemap where rectangle area encodes magnitude. Ideal for hierarchical part-to-whole views like market share, disk usage, portfolio allocation, or category breakdowns with nested sub-groups.
Uptime
Efficiency
CSAT
Gauge
KPI Gauge Trio
Three radial gauge meters showing key performance indicators against targets. Perfect for executive dashboards, SLA monitors, or any at-a-glance status display where progress toward a threshold is the primary message.
Positive impact
Negative impact
Price
+$4.2M
Volume
+$3.1M
Mix
+$2.4M
COGS
+$1.8M
FX Rate
+$1.0M
Discount
+$0.6M
Tornado
Sensitivity Tornado
A bidirectional horizontal bar chart showing the magnitude of positive and negative impacts per variable. The go-to layout for sensitivity analysis, what-if scenarios, or any ranked factor-importance view.