Kibana
Query-first rather than panel-first: the search bar is the primary control and the charts are downstream of it, which inverts Grafana's arrangement.
elastic.co , opens in a new tab Live demo , opens in a new tab
Patterns seen here 16
Captures
3 captures, newest first. Hover any box for the pattern and the note.
Multi-page dashboard. A set of peers with no landing page. Fourteen pages of them, and nothing says which is the one the team uses. Data table. Name, description, last updated, actions. The description column is what makes this a list you can read rather than scan. Search across panels. Past about fifty dashboards this is the navigation and the list below it is a filing system nobody browses. Semantic grouping. Tags and a bracket prefix standing in for folders, which is what keeps 250 generated pages out of the way.
- Multi-page dashboard A set of peers with no landing page. Fourteen pages of them, and nothing says which is the one the team uses.
- Search across panels Past about fifty dashboards this is the navigation and the list below it is a filing system nobody browses.
- Semantic grouping Tags and a bracket prefix standing in for folders, which is what keeps 250 generated pages out of the way.
- Data table Name, description, last updated, actions. The description column is what makes this a list you can read rather than scan.
Two-pane list and detail. Fields on the left, records on the right, both on screen at once. The oldest working shape for a queue there is. Data table. One column called Summary holding every field on the record. Complete, and unreadable at a glance. Histogram and distribution. Volume over the window at a 30-second auto interval. The final bar is the bucket still filling, and it always reads low. Filter bar. A query language in the bar rather than chips. Powerful, and it hides what's applied from anyone who didn't type it. Detail on demand. An expander on every row. Inline rather than a side panel, so it pushes the rest of the list down. Time-range picker. Relative by default, with the refresh control beside it rather than buried in a settings menu. Search across panels. 315 fields, so the sidebar opens with a filter box. Past a certain count a tree is a filing system nobody browses.
- Two-pane list and detail Fields on the left, records on the right, both on screen at once. The oldest working shape for a queue there is.
- Detail on demand An expander on every row. Inline rather than a side panel, so it pushes the rest of the list down.
- Data table One column called Summary holding every field on the record. Complete, and unreadable at a glance.
- Search across panels 315 fields, so the sidebar opens with a filter box. Past a certain count a tree is a filing system nobody browses.
- Filter bar A query language in the bar rather than chips. Powerful, and it hides what's applied from anyone who didn't type it.
- Time-range picker Relative by default, with the refresh control beside it rather than buried in a settings menu.
- Histogram and distribution Volume over the window at a 30-second auto interval. The final bar is the bucket still filling, and it always reads low.
Panel grid. Twelve columns, and the biggest panel is a table rather than the headline chart. Size isn't carrying priority here. Ratio and rate. Delay rates up to 100% with no denominator anywhere. One flight and a thousand flights render identically. Stacked composition. Stacked to 100%, so the total is discarded on purpose and only the mix of delay types remains. Annotation. Event markers along the top of the series, numbered and grouped, on the data's own axis. Header KPI strip. Five tiles in three different sizes and two different layouts, so the row reads as five things. Compare periods. "vs 1 week earlier, 76.9%"—the comparison base is named and the expression isn't. Filter bar. Declared controls under the query bar: two pickers and a price range. Both mechanisms on screen at once. Share and embed. Share, export and full-screen in the header. Whether the range and filters travel with them is the whole question.
- Ratio and rate Delay rates up to 100% with no denominator anywhere. One flight and a thousand flights render identically.
- Compare periods "vs 1 week earlier, 76.9%"—the comparison base is named and the expression isn't.
- Share and embed Share, export and full-screen in the header. Whether the range and filters travel with them is the whole question.
- Filter bar Declared controls under the query bar: two pickers and a price range. Both mechanisms on screen at once.
- Panel grid Twelve columns, and the biggest panel is a table rather than the headline chart. Size isn't carrying priority here.
- Stacked composition Stacked to 100%, so the total is discarded on purpose and only the mix of delay types remains.
- Annotation Event markers along the top of the series, numbered and grouped, on the data's own axis.
- Header KPI strip Five tiles in three different sizes and two different layouts, so the row reads as five things.