NetData Custom Dashboard

This is a template for building custom dashboards. To build a dashboard you just do this:

<html>
<body>
	<div data-netdata="system.processes"
		data-chart-library="dygraph"
		data-width="600"
		data-height="200"
		data-after="-600"
		</div>
</body>
<script type="text/javascript" src="http://netdata.server:19999/dashboard.js">
</html>

You can host your dashboard anywhere.
You can add as many charts as you like.
You can have charts from many different netdata servers (add
```
data-host="http://another.netdata.server:19999/"
```
to each chart).
You can use different chart libraries on the same page: peity, sparkline, dygraph, google (requires some more lines in your html page - view source this one), morris
You can customize each chart to your preferences. For each chart library most of their attributes can be given in data- attributes.
Each chart can have each own duration - it is controlled with the data-after attribute to give that many seconds of data.
Depending on the width of the chart and data-after attribute, netdata will automatically refresh the chart when it needs to be updated. For example giving 600 pixels for width for -600 seconds of data, using a chart library that needs 3 pixels per point, will yeld in a chart updated once every 3 seconds.

System Processes - Line Chart	System ipv4 - Area Chart	System CPU - Stacked Area Chart

Peity Charts
Peity charts do not support 'NULL' values, so the charts cannot indicate that values are missing. Peity charts cannot have multiple dimensions on the charts - so netdata will use 'min2max' to show the total of all dimensions.

rendered in X ms	rendered in X ms	rendered in X ms

Sparkline Charts
Sparkline charts support 'NULL' values, so the charts can indicate that values are missing. Sparkline charts stretch the values to show the variations between values in more detail. They also have mouse-hover support. Sparklines are fantastic. You can inline charts in text. For example this is my current cpu usage, while this is the bandwidth my netdata server is currently transmitting and this is the requests/sec it serves.

rendered in X ms	rendered in X ms	rendered in X ms

Dygraph Charts
The fastest charting engine that can chart complete charts (not just sparklines). The charts are zoomable (drag their contents to zoom-in, double click to zoom-out). For the moment zooming is just on the presentation layer (the data do not become more detailed when you zoom).

rendered in X ms	rendered in X ms	rendered in X ms

Google Charts
NetData was originaly developed with Google Charts. NetData is a complete Google Visualization API provider.

rendered in X ms	rendered in X ms	rendered in X ms

Morris Charts
Unfortunatelly, Morris Charts are veeeeeeeeeeeeeeeery slow! We force them to lower their detail to get acceptable results. And they have issues with negative numbers in area charts...

rendered in X ms	rendered in X ms	rendered in X ms