Skip to content
KONIGI Patterns

Dashboard Patterns

Patterns for dashboard charts, layouts, and controls.

74 patterns · 9 groups

1 1 KPI tile A key value with context 2 2 Time series Changes over time 3 3 Calendar heatmap Patterns in daily activity 4 4 Histogram Where the values cluster

Key measures 7

Show important values with the comparisons and context people need to understand them.

Labels and context 6

Explain what the data means, where it comes from, and when it was updated.

Charts and data displays 22

Choose a way to show the data that fits the question people need to answer.

Anomaly band

People need to distinguish unusual changes from a metric’s normal ups and downs.

expected range · forecast band · confidence ribbon · seasonal baseline
Bed map and track board

Staff need to see bed availability and what each patient is waiting for in one place.

census board · ED whiteboard · patient tracking board
Calendar heatmap

People need to spot recurring patterns and gaps in daily activity.

contribution graph · punch card · day grid
Cohort grid

People need to compare how groups return over time after joining.

retention grid · triangle chart · cohort table
Data table

People need to scan, sort, and compare exact values for many items.

metrics table · sortable grid
Funnel

People need to see where participants leave a sequence of steps.

conversion funnel · step drop-off
Gauge and dial

People need to see where a value sits within a known range.

radial gauge · speedometer · dial
Geo map with markers

People need to see how values and conditions vary by location.

map panel · choropleth · geospatial view
Heatmap

People need to see how a large set of values is distributed over time.

density heatmap · latency heatmap · BubbleUp
Histogram and distribution

People need to see how values are spread out rather than relying on an average.

distribution chart · bucketed bar
Host map

People need to spot unusual machines within a large fleet.

hexagon map · fleet grid · infrastructure map
Log tail

People need to inspect individual events as they arrive.

live tail · log stream
Order book and depth

People need to see the buy and sell quantities currently listed at each price.

market depth · level 2 · DOM
Process mimic

Operators need to see live values alongside the equipment and connections they describe.

mimic diagram · P&ID display · SCADA schematic
Sankey and path

People need to see how quantities split and move through different routes.

flow diagram · user path · alluvial
Service map

People need to see service dependencies and locate problems among them.

dependency graph · topology view · service graph
Small multiples

People need to compare separate charts using the same scales and layout.

trellis · faceted charts · panel series
Stacked composition

People need to see how individual parts contribute to a changing total.

stacked area · stacked bar · part-to-whole
Status history

People need to see when a state changed and how long it lasted.

state timeline · uptime bar · availability strip
Threshold line and region

People need a visible limit to judge the values on a chart.

SLO line · alert threshold · alarm limit
Time series

People need to see how a value changed over time and when a change began.

line chart · area chart · trend chart
Trace waterfall

People need to see where time was spent within a single request.

span waterfall · distributed trace · flame chart

Interaction 8

Help people explore the data and return to views they use often.

Managing screen space 6

Keep dashboards useful when content grows or the screen size changes.

Organization and navigation 4

Group related information and give people clear paths from summaries to details.

Page layout 5

Arrange panels so people know where to start and can compare related information.

Color 6

Use color to distinguish categories, compare values, and highlight warnings.

Dashboard features 10

Support filtering, sharing, and alerts, and explain when data is loading or unavailable.