NetData Custom Dashboard
This is a template for building custom dashboards. To build a dashboard you just do this:
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
</head>
<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>
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 (last 30 seconds),
while this
is the bandwidth my netdata server is currently transmitting (last minute)
and this
is the requests/sec it serves (last 3 minutes).
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.
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).
Google Charts
NetData was originaly developed with Google Charts.
NetData is a complete Google Visualization API provider.
Morris Charts
Unfortunatelly, Morris Charts are veeeeeeeeeeeeeeeery slow! We force them to lower their detail to get acceptable results.