Skip to main content
calendar-heatmaps

Calendar heatmap

Calendar cells colored by a value
card-grid

Card grid

A grid of responsive cards with metrics and images
list_view

Card list

A vertical list of cards with metrics or details
card-criteria-checklist

Card with criteria checklist

A card with a list of criteria
card-with-strip-plot

Card with strip plot

Card with a strip plot that displays changes over time
card-target-candlesticks

Card with target candlesticks

Card with current vs target and conditional coloring
cohort-table

Cohort table

Stylized cohort table for 12 months
colored-progress-bars

Colored progress bars

Use color to reinforce level of progress
dashboard-tabs

Dashboard tabs

Tabbed navigation for dashboards
dashboard-tile-anchors

Dashboard tile anchors

Table of contents for a dashboard
data-readout

Data readout

Sparkline with description containing query data references
dumbbell-plot

Dumbbell plot

Compare a pair of data points per category
gauge

Gauges

Displays a single value in a range
gradient-card

Gradient card & metrics

Wide card with KPI-style metrics
honeycomb-categorical

Honeycomb categorical chart

Hexagonal grid with conditional coloring
honeycomb-map

Honeycomb map

Stylized, hexagonal map with conditional coloring
image-grid

Image grid

Grid of images with a metric and label
invoice-report

Invoice report

Structured invoice with contact & order details
kanban

Kanban

Kanban-style project board with cards
kpi-table

KPI table

Table displaying multiple KPIs
kpi-with-sparkline

KPI with sparkline

KPI-style metric with sparkline
metric-tree

Metric tree

Pyramid-shaped tree of interdependent metrics
pie-donut-custom-legend

Pie/donut with custom legend

Pie/donut with custom legend
record-lookup

Record lookup

Card with details from a single record
repeating-pie-chart

Repeating pie charts

Multiple pie charts, one for each row of results
repeating-square-fill-chart

Repeating square fill charts

Percentage-filled square charts, one for each row of results
repeating-waffle-chart

Repeating waffle charts

Percentage-filled waffle charts, one for each row of results
simple-subtotal-table

Simple subtotal table

Table with subtotals on top and coloring by category
symmetric-funnel

Symmetric funnel

Funnel with multiple stages
table-with-tiny-bars

Table with tiny bar charts

Small chart within each table row
team-progress-tracker

Team progress tracker

Show team members progress to their goals
test-results-cards

Test results cards

Consistent presentation of multiple metrics with varying ranges
thermometer

Thermometer

Fundraising style progress indicator
uptime-heatmaps

Uptime heatmaps

Use color to show reliability of a service over time
word-cloud

Word cloud

Visualization that highlights frequently-used words