4 <title>NetData TV Dashboard</title>
5 <meta name="application-name" content="netdata">
7 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
9 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
10 <meta name="viewport" content="width=device-width, initial-scale=1">
11 <meta name="apple-mobile-web-app-capable" content="yes">
12 <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
14 <meta property="og:locale" content="en_US" />
15 <meta property="og:image" content="https://cloud.githubusercontent.com/assets/2662304/22945737/e98cd0c6-f2fd-11e6-96f1-5501934b0955.png"/>
16 <meta property="og:url" content="http://my-netdata.io/"/>
17 <meta property="og:type" content="website"/>
18 <meta property="og:site_name" content="netdata"/>
19 <meta property="og:title" content="netdata - real-time performance monitoring, done right!"/>
20 <meta property="og:description" content="Stunning real-time dashboards, blazingly fast and extremely interactive. Zero configuration, zero dependencies, zero maintenance." />
24 // this section has to appear before loading dashboard.js
27 // uncomment on of the two themes:
29 // var netdataTheme = 'default'; // this is white
30 var netdataTheme = 'slate'; // this is dark
33 // Set the default netdata server.
34 // on charts without a 'data-host', this one will be used.
35 // the default is the server that dashboard.js is downloaded from.
37 // var netdataServer = 'http://my.server:19999/';
43 to host this HTML file on your web server,
44 you have to load dashboard.js from the netdata server.
46 So, pick one the two below
47 If you pick the first, set the server name/IP.
49 The second assumes you host this file on /usr/share/netdata/web
50 and that you have chown it to be owned by netdata:netdata
52 <!-- <script type="text/javascript" src="http://my.server:19999/dashboard.js"></script> -->
53 <script type="text/javascript" src="dashboard.js?v20170105-7"></script>
56 // Set options for TV operation
57 // This has to be done, after dashboard.js is loaded
59 // destroy charts not shown (lowers memory on the browser)
60 NETDATA.options.current.destroy_on_hide = true;
62 // set this to false, to always show all dimensions
63 NETDATA.options.current.eliminate_zero_dimensions = true;
65 // lower the pressure on this browser
66 NETDATA.options.current.concurrent_refreshes = false;
68 // if the tv browser is too slow (a pi?)
70 NETDATA.options.current.parallel_refresher = true;
72 // always update the charts, even if focus is lost
73 // NETDATA.options.current.stop_updates_when_focus_is_lost = false;
75 // Since you may render charts from many servers and any of them may
76 // become offline for some time, the charts will break.
77 // This will reload the page every RELOAD_EVERY minutes
80 setTimeout(function(){
82 }, RELOAD_EVERY * 60 * 1000);
87 <div style="width: 100%; text-align: center; display: inline-block;">
89 <div style="width: 100%; height: 24vh; text-align: center; display: inline-block;">
90 <div style="width: 100%; height: 15px; text-align: center; display: inline-block;">
91 <b>CPU On both servers</b>
93 <div style="width: 100%; height: calc(100% - 15px); text-align: center; display: inline-block;">
95 <div data-netdata="system.cpu"
96 data-host="http://registry.my-netdata.io"
97 data-title="CPU usage of registry.my-netdata.io"
98 data-chart-library="dygraph"
102 data-dygraph-valuerange="[0, 100]"
104 <div data-netdata="system.cpu"
105 data-title="CPU usage of your netdata server"
106 data-chart-library="dygraph"
110 data-dygraph-valuerange="[0, 100]"
116 <div style="width: 100%; height: 24vh; text-align: center; display: inline-block;">
117 <div style="width: 100%; height: 15px; text-align: center; display: inline-block;">
118 <b>Disk I/O on both servers</b>
120 <div style="width: 100%; height: calc(100% - 15px); text-align: center; display: inline-block;">
121 <div data-netdata="system.io"
122 data-host="http://registry.my-netdata.io"
125 data-title="I/O on registry.my-netdata.io"
126 data-chart-library="dygraph"
131 <div data-netdata="system.io"
132 data-title="I/O on your netdata server"
135 data-chart-library="dygraph"
144 <div style="width: 100%; height: 24vh; text-align: center; display: inline-block;">
145 <div style="width: 100%; height: 15px; text-align: center; display: inline-block;">
146 <b>IPv4 traffic on both servers</b>
148 <div style="width: 100%; height: calc(100% - 15px); text-align: center; display: inline-block;">
149 <div data-netdata="system.ipv4"
150 data-host="http://registry.my-netdata.io"
151 data-common-max="traffic"
152 data-common-min="traffic"
153 data-title="IPv4 traffic on registry.my-netdata.io"
154 data-chart-library="dygraph"
159 <div data-netdata="system.ipv4"
160 data-title="IPv4 traffic on your netdata server"
161 data-common-max="traffic"
162 data-common-min="traffic"
163 data-chart-library="dygraph"
171 <div style="width: 100%; height: 23vh; text-align: center; display: inline-block;">
172 <div style="width: 100%; height: 15px; text-align: center; display: inline-block;">
173 <b>Netdata statistics on both servers</b>
175 <div style="width: 100%; max-height: calc(100% - 15px); text-align: center; display: inline-block;">
176 <div style="width: 49%; height:100%; align: center; display: inline-block;">
177 registry.my-netdata.io
179 <div data-netdata="netdata.requests"
180 data-host="http://registry.my-netdata.io"
181 data-common-max="netdata-requests"
182 data-decimal-digits="0"
183 data-title="Chart Refreshes/s"
184 data-chart-library="gauge"
190 <div data-netdata="netdata.clients"
191 data-host="http://registry.my-netdata.io"
192 data-common-max="netdata-clients"
193 data-decimal-digits="0"
195 data-chart-library="gauge"
200 data-colors="#AA5500"
202 <div data-netdata="netdata.net"
204 data-common-max="netdata-net-in"
205 data-decimal-digits="0"
206 data-host="http://registry.my-netdata.io"
207 data-title="Requests Traffic"
208 data-chart-library="easypiechart"
214 <div data-netdata="netdata.net"
215 data-dimensions="out"
216 data-common-max="netdata-net-out"
217 data-decimal-digits="0"
218 data-host="http://registry.my-netdata.io"
219 data-title="Chart Data Traffic"
220 data-chart-library="easypiechart"
227 <div style="width: 49%; height:100%; align: center; display: inline-block;">
230 <div data-netdata="netdata.requests"
231 data-title="Chart Refreshes/s"
232 data-common-max="netdata-requests"
233 data-decimal-digits="0"
234 data-chart-library="gauge"
240 <div data-netdata="netdata.clients"
241 data-common-max="netdata-clients"
242 data-decimal-digits="0"
244 data-chart-library="gauge"
249 data-colors="#AA5500"
251 <div data-netdata="netdata.net"
253 data-common-max="netdata-net-in"
254 data-decimal-digits="0"
255 data-title="Requests Traffic"
256 data-chart-library="easypiechart"
262 <div data-netdata="netdata.net"
263 data-dimensions="out"
264 data-common-max="netdata-net-out"
265 data-decimal-digits="0"
266 data-title="Chart Data Traffic"
267 data-chart-library="easypiechart"