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, 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.
+
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, 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.
@@ -68,61 +69,61 @@ Sparkline charts stretch the values to show the variations between values in mor
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).
+ 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).
-
-
- rendered in X ms
+
+
+ rendered in X ms
-
-
- rendered in X ms
+
+
+ rendered in X ms
-
-
- rendered in X ms
+
+
+ rendered in X ms
@@ -134,37 +135,37 @@ Peity charts cannot have multiple dimensions on the charts - so netdata will use
the total of all dimensions.
-
-
- rendered in X ms
+
+
+ rendered in X ms
-
-
- rendered in X ms
+
+
+ rendered in X ms
-
-
- rendered in X ms
+
+
+ rendered in X ms
@@ -177,173 +178,173 @@ The charts are zoomable (drag their contents to pan, shift with mouse wheel to z
Netdata magic! Realtime charts on your web page!
Sparklines using dygraphs
-
- are also possible! This
-
- is an area chart, while this
- is a stacked area chart!
+
+ are also possible! This
+
+ is an area chart, while this
+ is a stacked area chart!
-
-
- rendered in X ms
+
+
+ rendered in X ms
-
-
- rendered in X ms
+
+
+ rendered in X ms
-
-
- rendered in X ms
+
+
+ rendered in X ms
-
-
- rendered in X ms
-
-
-
-
- rendered in X ms
-
-
-
-
- rendered in X ms
-
-
-
-
- rendered in X ms
-
-
-
-
- rendered in X ms
-
-
-
-
- rendered in X ms
-
-
-
-
- rendered in X ms
-
-
-
-
- rendered in X ms
-
-
-
-
- rendered in X ms
+
+
+ rendered in X ms
+
+
+
+
+ rendered in X ms
+
+
+
+
+ rendered in X ms
+
+
+
+
+ rendered in X ms
+
+
+
+
+ rendered in X ms
+
+
+
+
+ rendered in X ms
+
+
+
+
+ rendered in X ms
+
+
+
+
+ rendered in X ms
+
+
+
+
+ rendered in X ms
@@ -352,82 +353,82 @@ Sparklines using dygraphs
EasyPieChart
-
-
-
- rendered in X ms
-
-
-
-
- rendered in X ms
-
-
-
-
-
-
- rendered in X ms
-
-
-
-
- rendered in X ms
-
-
-
-
-
-
- rendered in X ms
-
-
-
-
- rendered in X ms
-
+
+
+
+ rendered in X ms
+
+
+
+
+ rendered in X ms
+
+
+
+
+
+
+ rendered in X ms
+
+
+
+
+ rendered in X ms
+
+
+
+
+
+
+ rendered in X ms
+
+
+
+
+ rendered in X ms
+
@@ -435,82 +436,82 @@ Sparklines using dygraphs
Gauge.js
-
-
-
- rendered in X ms
-
-
-
-
- rendered in X ms
-
-
-
-
-
-
- rendered in X ms
-
-
-
-
- rendered in X ms
-
-
-
-
-
-
- rendered in X ms
-
-
-
-
- rendered in X ms
-
+
+
+
+ rendered in X ms
+
+
+
+
+ rendered in X ms
+
+
+
+
+
+
+ rendered in X ms
+
+
+
+
+ rendered in X ms
+
+
+
+
+
+
+ rendered in X ms
+
+
+
+
+ rendered in X ms
+
@@ -520,37 +521,37 @@ 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
+
+
+ rendered in X ms
-
-
- rendered in X ms
+
+
+ rendered in X ms
@@ -563,37 +564,37 @@ NetData is a complete Google Visualization API provider.
Unfortunatelly, Morris Charts are very slow. Here we force them to lower their detail to get acceptable results.
-
-
- rendered in X ms
+
+
+ rendered in X ms
-
-
- rendered in X ms
+
+
+ rendered in X ms
-
-
- rendered in X ms
+
+
+ rendered in X ms
@@ -609,49 +610,46 @@ C3 charts are not usable in large scale. They suffer from the following issues:
So, to avoid flashing the charts, we destroy and re-create the charts on each update. Also, since they manipulate the data with javascript we were forced to lower the detail they render to get acceptable speeds.