netdata dashboard

Real-time performance monitoring, done right!

netdata
Copyright 2016-2017, Costa Tsaousis.
Released under GPL v3 or later.

netdata re-distributes these software tools: The excellent Dygraphs.com web chart library, Copyright 2009, Dan Vanderkam, MIT License Easy Pie Chart web chart library, Copyright 2013, Robert Fleischmann, MIT License Gauge.js web chart library, Copyright, Bernard Kobos, MIT License jQuery, Copyright 2015, jQuery Foundation, MIT License Bootstrap, Copyright 2015, Twitter, MIT License Bootstrap Toggle, Copyright (c) 2011-2014 Min Hur, The New York Times Company, MIT License perfect-scrollbar, Copyright 2016, Hyunje Alex Jun and other contributors, MIT License FontAwesome, Created by Dave Gandy, Font: SIL OFL 1.1 License, CSS: MIT License IconsDB.com Icons, Icons provided as CC0 1.0 Universal (CC0 1.0) Public Domain Dedication. bootstrap-table, Copyright (c) 2012-2016 Zhixin Wen, MIT License tableExport.jquery.plugin, Copyright (c) 2015,2016 hhurz, MIT License

if there is a metric for something, we want it visualised
and we want this visualisation to be real-time, efficient and awesome

netdata is a new way to monitor your systems and applications, to get real-time insights of what is really happening and what affects performance. It is carefully optimised to be a real-time system, without interfering in any way, to the core function of your systems.

netdata has been designed to monitor massive amounts of metrics, per server, per second. When installed, it might come up with 1k to 3k metrics, but we have been testing it with 100k metrics, all collected per second, and still the cpu utilisation remained negligible.
We have also tried to give each metric, a meaning, a context. We have grouped and categorized all metrics into meaningful charts, providing a better understanding of the underlying technologies and mechanisms.

netdata is free, open-source software. If you decide to use it, it is important to give netdata a star at GitHub.

Enjoy real-time performance monitoring!

Mouse Over / Hover

Mouse over on a chart to show, at its legend, the values for the timestamp under the mouse (the chart will also highlight the point at the chart).
All the other visible charts will also show and highlight their values for the same timestamp.

Drag Chart Contents

Drag the contents of a chart to pan it horizontally.
All the charts will follow soon after you let the chart alone (this little delay is by design: it speeds up your browser and lets you focus on what you are exploring).
Once a chart is panned, auto refreshing stops for all charts. To enable it again, double click a panned chart.

Double Click

Double Click a chart to reset all the charts to their default auto-refreshing state.

SHIFT + Drag

While pressing the shift key, click on the contents of a chart and move the mouse to select an area, to zoom in. The other charts will follow too. Zooming is performed in two phases:

The already loaded chart contents are zoomed (low resolution)
New data are transferred from the netdata server, to refresh the chart with possibly more detail.

Once a chart is zoomed, auto refreshing stops for all charts. To enable it again, double click a zoomed chart.

SHIFT + Mouse Wheel

While pressing the shift key and the mouse pointer is over the contents of a chart, scroll the mouse wheel to zoom in or out. This kind of zooming is aligned to center below the mouse pointer. The other charts will follow too.
Once a chart is zoomed, auto refreshing stops for all charts. To enable it again, double click a zoomed chart.

Legend Operations

Click on the label or value of a dimension, will select / un-select this dimension.
You can press any of the SHIFT or CONTROL keys and then click on legend labels or values, to select / un-select multiple dimensions.

Single Tap

Single Tap on the contents of a chart to show, at its legend, the values for the timestamp tapped (the chart will also highlight the point at the chart).
All the other visible charts will also show and highlight their values for the same timestamp.

Drag Chart Contents

Touch and Drag the contents of a chart to pan it horizontally.
All the charts will follow soon after you let the chart alone (this little delay is by design: it speeds up your browser and lets you focus on what you are exploring).
Once a chart is panned, auto refreshing stops for all charts. To enable it again, double tap a panned chart.

Double Tap

Double tap a chart to reset all the charts to their default auto-refreshing state.

Zoom (does not work on firefox and IE/Edge)

With two fingers, zoom in or out.
Once a chart is zoomed, auto refreshing stops for all charts. To enable it again, double click a zoomed chart.

Legend Operations

Tap on the label or value of a dimension, will select / un-select this dimension.

Not checked yet. Please press the Check Now button.

For progress reports and key netdata updates: follow netdata on twitter.
You can also follow netdata on facebook, or watch netdata on github.

	When to refresh the charts? When set to On Focus, the charts will stop being updated if the page / tab does not have the focus of the user. When set to Always, the charts will always be refreshed. Set it to On Focus it to lower the CPU requirements of the browser (and extend the battery of laptops and tablets) when this page does not have your focus. Set to Always to work on another window (i.e. change the settings of something) and have the charts auto-refresh in this window.
	Which dimensions to show? When set to Non Zero, dimensions that have all their values (within the current view) set to zero will not be transferred from the netdata server (except if all dimensions of the chart are zero, in which case this setting does nothing - all dimensions are transferred and shown). When set to All, all dimensions will always be shown. Set it to Non Zero to lower the data transferred between netdata and your browser, lower the CPU requirements of your browser (fewer lines to draw) and increase the focus on the legends (fewer entries at the legends).
	How to handle hidden charts? When set to Destroy, charts that are not in the current viewport of the browser (are above, or below the visible area of the page), will be destroyed and re-created if and when they become visible again. When set to Hide, the not-visible charts will be just hidden, to simplify the DOM and speed up your browser. Set it to Destroy, to lower the memory requirements of your browser. Set it to Hide for faster restoration of charts on page scrolling.
	Page scroll handling? When set to Sync, charts will be examined for their visibility synchronously. On slow computers this may impact the smoothness of page scrolling. To work asynchronously set it to Async. When set to Sync, the performance of page scrolling is monitored and this setting switches automatically to Async if the browser is found slow. Set it to Sync for best visual experience. Set it to Async for smoother page scrolling.

	Which chart refresh policy to use? When set to parallel, visible charts are refreshed in parallel (all queries are sent to netdata server in parallel) and are rendered asynchronously. When set to sequential charts are refreshed one after another. Set it to parallel if your browser can cope with it (most modern browsers do), set it to sequential if you work on an older/slower computer.
	Shall we re-sync chart refreshes? When set to Resync, the dashboard will attempt to re-synchronize all the charts so that they are refreshed concurrently. When set to Best Effort, each chart may be refreshed with a little time difference to the others. Normally, the dashboard starts refreshing them in parallel, but depending on the speed of your computer and the network latencies, charts start having a slight time difference. Setting this to Resync will attempt to re-synchronize the charts on every update. Setting it to Best Effort may lower the pressure on your browser and the network.
	Sync hover selection on all charts? When enabled, a selection on one chart will automatically select the same time on all other visible charts and the legends of all visible charts will be updated to show the selected values. When disabled, only the chart getting the user's attention will be selected. Enable it to get better insights of the data. Disable it if you are on a very slow computer that cannot actually do it.
	Sync pan and zoom on all charts? When enabled, pan and zoom operations on a chart will be replicated to all charts (even the ones that are not currently visible - of course only when they will become visible). When disabled, pan and zoom operations will not be propagated to other charts.

	Which theme to use? Netdata comes with two themes: Dark (the default) and White. Switching this will reload the dashboard.
	Do you need help? Netdata can show some help in some areas to help you use the dashboard. If all these balloons bother you, disable them using this switch. Switching this will reload the dashboard.
	Enable data padding when panning and zooming? When set to Pad the charts will be padded with more data, both before and after the visible area, thus giving the impression the whole database is loaded. This padding will happen only after the first pan or zoom operation on the chart (initially all charts have only the visible data). When set to Don't Pad only the visible data will be transfered from the netdata server, even after the first pan and zoom operation.
	Enable Bézier lines on charts? When set to Smooth the charts libraries that support it, will plot smooth curves instead of simple straight lines to connect the points. Keep in mind dygraphs, the main charting library in netdata dashboards, can only smooth line charts. It cannot smooth area or stacked charts. When set to Rough, this setting can lower the CPU resources consumed by your browser.

Netdata Real-time performance monitoring, in the greatest possible detail

Netdata
Real-time performance monitoring, in the greatest possible detail