Netdata
A large collection of system charts with per-chart controls and anomaly-rate views.
netdata.cloud , 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.
Anomaly band. A separate anomaly-rate chart summarizes many metrics. Empty state. The empty panel explains which action will produce results. Cross-filter. Selecting a time period reveals the contributing metrics. Explain this metric. Definitions appear directly beneath section headings. Share and embed. A report control is available above the charts.
- Anomaly band A separate anomaly-rate chart summarizes many metrics.
- Explain this metric Definitions appear directly beneath section headings.
- Cross-filter Selecting a time period reveals the contributing metrics.
- Empty state The empty panel explains which action will produce results.
- Share and embed A report control is available above the charts.
Header KPI strip. The summary tiles use several arrangements across two rows. Sidebar and canvas. The rail organizes collected metrics into a hierarchy. Gauge and dial. Rate gauges need meaningful scale limits to make their arcs interpretable. Dashboard builder. Chart headers include controls for grouping and aggregation. Search across panels. Search helps locate a chart within the large collection. Semantic grouping. Sections follow the collector’s metric categories. Compare periods. Period comparison is configured per chart, so panels may use different settings. Freshness indicator. The header explicitly separates live and stale nodes.
- Sidebar and canvas The rail organizes collected metrics into a hierarchy.
- Search across panels Search helps locate a chart within the large collection.
- Header KPI strip The summary tiles use several arrangements across two rows.
- Gauge and dial Rate gauges need meaningful scale limits to make their arcs interpretable.
- Semantic grouping Sections follow the collector’s metric categories.
- Freshness indicator The header explicitly separates live and stale nodes.
- Dashboard builder Chart headers include controls for grouping and aggregation.
- Compare periods Period comparison is configured per chart, so panels may use different settings.
Gauge and dial. The gauges mix bounded percentages with rates whose limits need explanation. Collapsible row. Nested headings use leading dashes to show depth. Legend and series toggle. The legend includes values and bars for the listed series. Dashboard builder. Each chart header exposes query controls. Overview then detail. The breadcrumb identifies the current section within the larger collection.
- Collapsible row Nested headings use leading dashes to show depth.
- Gauge and dial The gauges mix bounded percentages with rates whose limits need explanation.
- Legend and series toggle The legend includes values and bars for the listed series.
- Dashboard builder Each chart header exposes query controls.
- Overview then detail The breadcrumb identifies the current section within the larger collection.