Skip to content
KONIGI Patterns

Dashboards · Genres

Analytical

Opened with a question. The viewer explores rather than monitors.

18 captures

Patterns seen in this genre 48

Captures

Newest first.

Honeycomb — Trace / cart checkout
Trace waterfall. Indented bars show parent-child relationships and timing. Trace waterfall. Sequential SELECT operations within getDiscounts are worth investigating. Detail on demand. Selecting a span opens its fields beside the waterfall. Overview then detail. A minimap shows the overall trace above the detailed list. Categorical series palette. Service names accompany the colors used for spans. Percentile summary. The distribution marks this trace among other durations.
Honeycomb · Trace / cart checkout September 11, 2026 Honeycomb sandbox, public dataset (signed out) dense · light · desktop-web
The trace contains seventy-one spans across one checkout request. The getDiscounts operation occupies much of the total duration, with visible SELECT spans arranged sequentially beneath it. That sequence is a useful place to investigate repeated work, though the chart alone does not establish the right fix. A distribution panel places the selected span’s duration among other observations, helping people judge whether this request is typical.
Tableau Public — Cohort Retention Analysis
Cohort grid. Rows represent groups and columns represent elapsed periods. Ratio and rate. Group dates appear without starting population sizes. Sequential and diverging scales. The constant 100% first column sets the top of the color range. Cohort grid. Low final cells need an indication of whether the period is complete.
Tableau Public · Cohort Retention Analysis September 11, 2026 Tableau Public embed view; workbook published by Tyran Christian medium · light · desktop-web
The grid follows monthly groups across periods since joining. Newer groups have fewer completed periods, creating the triangular shape. The first column is always 100%, taking the darkest color and leaving a narrower visual range for later values. Final cells also show sharp drops; the view needs to clarify whether those periods are complete before readers compare them. Group sizes are not shown.
Tableau Public — Emergency Department / Clinical Dashboard
Sequential and diverging scales. A diverging scale for wait time needs an explained reference point. Small multiples. Monthly panels share a vertical scale for comparison. Calendar heatmap. The hour-by-weekday grid reveals recurring busy periods. Target and progress. Each unit is compared with a median reference line. Filter bar. The dropdown shows the selection applied to the view.
Tableau Public · Emergency Department / Clinical Dashboard September 11, 2026 Tableau Public embed view; emergency department patient flow workbook dense · light · desktop-web
This workbook analyzes emergency-department activity rather than showing a live bed board. Its hour-by-weekday grid makes recurring busy periods easy to locate. Monthly small multiples support seasonal comparison on a shared scale. The color ramps need careful labeling: a diverging scale on a count or duration needs a meaningful center, not an unexplained midpoint.
Tableau Public — Energy flows in the Regional scenario
Sankey and path. Band widths show quantity across three sets of nodes. Categorical series palette. Consistent carrier colors help people follow bands across columns. Ratio and rate. Supply and demand totals let readers check the overall quantities. Dashboard builder. Layout controls expose technical settings alongside the data. Sankey and path. Conversion losses have an explicit destination.
Tableau Public · Energy flows in the Regional scenario September 11, 2026 Tableau Public embed view; workbook published by Chia Yu Lin medium · light · desktop-web
The diagram follows energy from supply to demand using band widths for quantity. It includes conversion losses as a separate destination, so the difference between the stated supply and demand has an explanation. Carrier colors stay consistent across the columns, helping readers follow a flow. Layout controls are exposed beside the chart, including a highly precise spacing value that adds little to the data reading.
Tableau Public — User Funnel & Conversion Rates
Funnel. The tapered shape makes step quantities harder to compare than aligned bars. Header KPI strip. Summary counts appear without a comparison value. Funnel. Only overall conversion is labeled; step-to-step conversion requires calculation. Ratio and rate. Similar-looking rates are based on very different registration counts. Tabs as genres. Worksheet tabs use metric names that may need explanation.
Tableau Public · User Funnel & Conversion Rates September 11, 2026 Tableau Public embed view; workbook published by Tetiana Berezhna medium · light · desktop-web
This published workbook shows overall conversion at each funnel step but omits conversion from the preceding step. Readers must calculate that themselves to compare losses between stages. The tapered rendering makes comparisons harder than aligned bars would. Another panel places rates based on very different registration counts at the same visual weight, showing why the denominator matters.
  • Funnel The tapered shape makes step quantities harder to compare than aligned bars.
  • Funnel Only overall conversion is labeled; step-to-step conversion requires calculation.
  • Ratio and rate Similar-looking rates are based on very different registration counts.
  • Header KPI strip Summary counts appear without a comparison value.
  • Tabs as genres Worksheet tabs use metric names that may need explanation.
Grafana — Examples / Dashboard Variables
Categorical series palette. Similar hostnames and many colors make series matching difficult. Data table. A narrow table column truncates its content. Template variable. Selectors provide values used by panel queries and shared in the URL. Explain this metric. A text panel explains a hidden variable and its current value. Filter bar. Selected values appear as removable chips.
Grafana · Examples / Dashboard Variables September 10, 2026 Grafana Play (signed out; no version string exposed) medium · dark · desktop-web
This dashboard demonstrates six selectors and explains how their values affect the page. Selected values appear as removable chips, making the active scope easy to read. A text panel also describes a hidden variable that has no visible control. Another note explains that changing the data source clears an instance selection. These dependencies need clear feedback when people change a value.
Grafana — Examples / Gauge
Semantic status color. Different values receive the same red treatment; the threshold needs explanation. Gauge and dial. Several similar disk values each occupy a separate gauge. Sequential and diverging scales. The multicolor ramp needs its labels to explain the value order. Sparkline. A sparkline adds history inside the gauge. Threshold line and region. A colored rim displays threshold regions.
Grafana · Examples / Gauge September 10, 2026 Grafana Play (signed out; no version string exposed) medium · dark · desktop-web
The showcase includes several gauges with similar disk values. Comparing them requires reading the numbers, while each arc uses substantial space. A compact set of bars would make those values easier to compare. Elsewhere, different values share the same red treatment, making the threshold definition important to understanding the result. The examples also mix color ramps, sparklines, and threshold bands.
Grafana — Examples / Geomap
Sequential and diverging scales. The density layer groups nearby points; its radius affects the visible clusters. Geo map with markers. Satellite colors compete with the markers. Legend and series toggle. Layer 1 names the layer without explaining its data. Geo map with markers. Small green markers are difficult to distinguish on the dark background.
Grafana · Examples / Geomap September 10, 2026 Grafana Play (signed out; no version string exposed) medium · dark · desktop-web
The same flight data appears on several map backgrounds. Small green markers are difficult to distinguish on the dark maps and compete with terrain colors on the satellite view. The density layer makes broad clusters easier to see, though its settings affect how widely those clusters spread. Legends labeled Layer 1 do not explain the data being shown.
Grafana — Examples / Histogram
Sequential and diverging scales. The gradient adds decoration; bar height already shows the count. Time series. The source series shows the values before they are grouped into intervals. Histogram and distribution. Automatic intervals reveal two peaks near 27 and 30.4. Histogram and distribution. Wider intervals reduce the same data to four bars and obscure the separate peaks. Histogram and distribution. Another distribution shows a long shoulder and a smaller second peak.
Grafana · Examples / Histogram September 10, 2026 Grafana Play (signed out; no version string exposed) medium · dark · desktop-web
The source series appears with two histogram settings. Automatic intervals reveal two peaks, while the wider bucket-size setting combines the data into four bars and makes that distinction harder to see. The underlying data is the same. This is a useful example of why interval size belongs in the interpretation of a histogram, not only in its settings.
Grafana — Examples / Stats, light theme
Sparkline. Faint area fills are harder to distinguish on the light background. Dark-first data palette. Value colors that stand out on dark backgrounds appear pale on white. Grayscale with alerts. Unlabeled green cells remain difficult to interpret in either theme. Dark-first data palette. The orange value has limited visual contrast against white. Semantic status color. Whole-tile fills keep the text on a colored background.
Grafana · Examples / Stats, light theme September 10, 2026 Grafana Play (signed out; ?theme=light) dense · light · desktop-web
This light-theme capture shows the same stat-panel options as the dark version. Several value colors become pale against white, especially pink and orange. Whole-tile fills retain a different relationship between text and background, while the faint sparkline areas are harder to see. The pair is useful for checking each treatment on both backgrounds rather than assuming a theme switch preserves readability.
Grafana — Examples / Stats
Header KPI strip. Consistent label and value positions make the tile row easier to scan. KPI tile. A label, value, unit, and sparkline appear without an explicit comparison. Dark-first data palette. The dark theme makes these value colors more prominent than in the light capture. Semantic status color. The cells have no text, leaving color as the only visible cue. Sparkline. Sparklines use individual scales, so row-to-row comparison needs care. KPI tile. Values appear without labels explaining what they measure. Grayscale with alerts. Multiple strong colors compete for attention. Semantic status color. Whole-tile color strongly emphasizes every value in this group.
Grafana · Examples / Stats September 10, 2026 Grafana Play (signed out; no version string exposed) dense · dark · desktop-web
Grafana’s stat showcase compares value colors, background fills, layouts, and text options. Most examples emphasize presentation without adding a comparison value or clear reference point. The No text panel uses color alone, leaving cells without labels or numbers. These are useful demonstrations of settings, but a working dashboard needs enough context to explain each value and state.
  • KPI tile A label, value, unit, and sparkline appear without an explicit comparison.
  • Dark-first data palette The dark theme makes these value colors more prominent than in the light capture.
  • Sparkline Sparklines use individual scales, so row-to-row comparison needs care.
  • Semantic status color Whole-tile color strongly emphasizes every value in this group.
  • Grayscale with alerts Multiple strong colors compete for attention.
  • KPI tile Values appear without labels explaining what they measure.
  • Semantic status color The cells have no text, leaving color as the only visible cue.
  • Header KPI strip Consistent label and value positions make the tile row easier to scan.
Grafana — Examples / Table
Data table. Narrow columns squeeze the bar and truncate text. Data table. Threshold colors help people scan the column for states. Sequential and diverging scales. A continuous color scale highlights differences down the column. Semantic status color. Value mappings pair named states with their colors. Delta indicator. Direction labels appear in a paginated table without a comparison amount.
Grafana · Examples / Table September 10, 2026 Grafana Play (signed out; no version string exposed) dense · dark · desktop-web
The tables demonstrate colored cells, gradients, images, bars, pills, and richer text. Some treatments become less useful in narrow columns: a bar is squeezed into a thin strip and nearby text is cut off. Another table shows many pages of results alongside sort controls. The interface needs to make clear whether sorting applies to all returned records or a smaller subset.
Honeycomb — Query / HEATMAP(duration_ms)
Heatmap. The linear scale leaves most of the chart above the dense lower band. Search across panels. A search field helps people find fields in the schema list. Dashboard builder. The query controls define which requests appear in the result. Tabs as genres. Tabs provide different ways to investigate the same result. Freshness indicator. The freshness label refers to arriving data. Time-range picker. The fixed time range includes granularity and controls for adjacent periods. Data source badge. The footer reports query time and rows examined.
Honeycomb · Query / HEATMAP(duration_ms) September 10, 2026 Honeycomb sandbox, public dataset (signed out; no version string exposed) medium · light · desktop-web
This sandbox heatmap uses a linear vertical scale. Most requests sit near the bottom, while a separate group of slower requests extends upward later in the period. The view exposes variation that a single summary value would hide, though a different scale could give the lower band more room. The footer reports query duration and rows examined. A cookie banner and onboarding dialog were removed for the capture; the dashboard itself was left intact.
Kibana — Dashboards / list
Multi-page dashboard. Many peer dashboards appear in a paginated list. Data table. Descriptions add context beyond the dashboard names. Search across panels. Search helps people find a dashboard without browsing every page. Semantic grouping. Prefixes and tags group related generated dashboards.
Kibana · Dashboards / list September 10, 2026 Elastic demo environment (guest session) medium · light · desktop-web
The dashboard list has fourteen pages, with many similarly prefixed Kubernetes entries on the first page. Search helps people find a specific destination without browsing the full collection. Descriptions beneath titles provide useful context, while prefixes and tags group related entries. The list would also benefit from a clear indication of which dashboards are maintained or recommended.
Kibana — Discover / filebeat logs
Two-pane list and detail. The field list stays visible beside the records. Data table. The Summary column combines many fields in one cell. Histogram and distribution. The volume chart uses time intervals; the newest interval may still be incomplete. Filter bar. The query bar supports detailed filters that require knowledge of its syntax. Detail on demand. Each row can expand inline, moving later rows down. Time-range picker. The relative time range sits beside the refresh control. Search across panels. A search field narrows the long list of available fields.
Kibana · Discover / filebeat logs September 10, 2026 Elastic demo environment (guest session; no version string exposed) dense · light · desktop-web
The view places a searchable field list beside a large table of documents, with a volume chart above. Search is useful for navigating the hundreds of available fields. The default Summary column combines many fields into each row, making quick comparisons difficult until people choose more focused columns. Pagination and sorting are visible, but the scope of each operation needs to be clear.
Kibana — Dashboards / [Flights] Global Flight Dashboard
Panel grid. Panels use different sizes within a grid. Ratio and rate. Delay percentages appear without their flight counts. Stacked composition. A 100% stack shows the mix of delay types without total volume. Annotation. Grouped event markers share the chart’s time axis. Header KPI strip. Different tile sizes and arrangements make the summary row less consistent. Compare periods. The comparison period is named, but the meaning of the percentage is unclear. Filter bar. Pickers and a range control provide alternatives to typing a query. Share and embed. Sharing and full-screen controls are available in the header.
Kibana · Dashboards / [Flights] Global Flight Dashboard September 10, 2026 Elastic demo environment, sample flight data (guest session) dense · light · desktop-web
The delay table shows percentages without the number of flights behind each one. A high rate based on very few flights would look as prominent as one based on many. A nearby comparison tile names the previous week but does not clearly explain what its percentage represents. The filtering controls are more explicit: a query bar sits above pickers and a price range, giving people both typed and guided ways to narrow the view.
  • Ratio and rate Delay percentages appear without their flight counts.
  • Compare periods The comparison period is named, but the meaning of the percentage is unclear.
  • Share and embed Sharing and full-screen controls are available in the header.
  • Filter bar Pickers and a range control provide alternatives to typing a query.
  • Panel grid Panels use different sizes within a grid.
  • Stacked composition A 100% stack shows the mix of delay types without total volume.
  • Annotation Grouped event markers share the chart’s time axis.
  • Header KPI strip Different tile sizes and arrangements make the summary row less consistent.
Tableau Public — Shopify Customer Journey
Ranked list. One much larger value leaves the remaining bars difficult to compare. Time series. The title and displayed period differ, and the vertical axis starts above zero. Geo map with markers. The map shows raw sales totals, which also reflect differences between populations. Header KPI strip. Nine values share a grid without a clear starting priority. Cross-filter. An instruction explains that metric tiles filter the dashboard. Hover detail. City details are described as available on hover.
Tableau Public · Shopify Customer Journey September 10, 2026 Tableau Public embed view; workbook published by Lovelytics medium · light · desktop-web
This Lovelytics workbook uses clickable metrics and bars to filter or reveal detail. Instructions explain these interactions because the marks do not clearly look interactive. Nine summary values compete for attention in a grid. The sales chart also has a mismatch between its monthly title and the displayed dates, while its truncated vertical scale emphasizes variation. These choices make labels and interaction cues especially important.
  • Cross-filter An instruction explains that metric tiles filter the dashboard.
  • Header KPI strip Nine values share a grid without a clear starting priority.
  • Time series The title and displayed period differ, and the vertical axis starts above zero.
  • Hover detail City details are described as available on hover.
  • Geo map with markers The map shows raw sales totals, which also reflect differences between populations.
  • Ranked list One much larger value leaves the remaining bars difficult to compare.
Grafana — Grafana Heatmaps
Small multiples. Repeated panels make the effects of different settings easier to compare. Time series. The source series supplies the data for the heatmaps. Heatmap. Linear value intervals concentrate much of this distribution near the bottom. Sequential and diverging scales. Each heatmap has its own legend; check the ranges before comparing colors.
Grafana · Grafana Heatmaps September 9, 2026 Grafana Play (signed out; no version string exposed) dense · dark · desktop-web
This teaching dashboard shows the source series and several heatmaps built from it. Different value scales and bucket settings change the apparent distribution. The linear view concentrates much of the data near the bottom; logarithmic views spread it across more of the chart. Titles identify the settings, making the grid useful for comparing their effects.
  • Time series The source series supplies the data for the heatmaps.
  • Heatmap Linear value intervals concentrate much of this distribution near the bottom.
  • Small multiples Repeated panels make the effects of different settings easier to compare.
  • Sequential and diverging scales Each heatmap has its own legend; check the ranges before comparing colors.