netdata dashboard
Author: costa@tsaousis.gr

# Netdata

Real-time performance monitoring, in the greatest possible detail

Drag charts to pan. Shift + wheel on them, to zoom in and out. Double-click on them, to reset. Hover on them too!

#### Welcome!

netdata is the fastest way to visualize metrics. It is a resource efficient, highly optimized system for collecting and visualizing any type of realtime timeseries data, from CPU usage, disk activity, SQL queries, API calls, web site visitors, etc.
netdata tries to visualize the truth of now, in its greatest detail, so that you can get insights of what is happening now and what just happened, on your systems and applications.
To make a chart in netdata, you just need a number. Just a number you can read somehow. netdata will turn this number to a real time, interactive, web chart. For collecting these numbers, it supports external plugins, even shell or node.js plugins. Any computer program, in any language, that can print a few lines of text on its standard output, can be a netdata data collector.
netdata can embed charts everywhere, like this one
(my CPU system usage which is %), or this one
(my IPv4 received TCP packets, which are /second).
You can have netdata charts on your site too. Just give it a `div` and a real time chart, zoomable and draggable will appear (try it even on these tiny ones - drag them to pan horizontally, shift + drag to zoom in, on chrome shift + mouse wheel to zoom in/out, double click on them to reset them - don't be afraid of netdata performance - a raspberry pi 2 can sustain 300 charts updates per second!).
For more information please refer to the netdata wiki.

#### Dashboard Help

#### Dygraphs (line, area and stacked area charts)

#### 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 transfered 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 (does not work on firefox and IE/Edge)

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 / unselect this dimension.
You can press any of the SHIFT or CONTROL keys and then click on legend labels or values, to select / unselect 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 / unselect this dimension.

#### netdata dashboard options

Settings take effect immediately and are saved permanently to browser local storage (except the refresh on focus / always option).
To reset all options (including charts sizes) to their defaults, click here.

| 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 transfered from the netdata server (except if all dimensions of the chart are zero, in which case this setting does nothing - all dimensions are transfered and shown). When set to All, all dimensions will always be shown. Set it to Non Zero to lower the data transfered 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 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 sequencial charts are refreshed one after another. Set it to parallel if your browser can cope with it (most modern browsers do), set it to sequencial 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.

| 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.