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://my-netdata.io/images/seo-performance-512.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." />
23 // this section has to appear before loading dashboard.js
26 // uncomment on of the two themes:
28 // var netdataTheme = 'default'; // this is white
29 var netdataTheme = 'slate'; // this is dark
32 // Set the default netdata server.
33 // on charts without a 'data-host', this one will be used.
34 // the default is the server that dashboard.js is downloaded from.
36 // var netdataServer = 'http://my.server:19999/';
42 to host this HTML file on your web server,
43 you have to load dashboard.js from the netdata server.
45 So, pick one the two below
46 If you pick the first, set the server name/IP.
48 The second assumes you host this file on /usr/share/netdata/web
49 and that you have chown it to be owned by netdata:netdata
51 <!-- <script type="text/javascript" src="http://my.server:19999/dashboard.js"></script> -->
52 <script type="text/javascript" src="dashboard.js?v39"></script>
55 // Set options for TV operation
56 // This has to be done, after dashboard.js is loaded
58 // destroy charts not shown (lowers memory on the browser)
59 NETDATA.options.current.destroy_on_hide = true;
61 // set this to false, to always show all dimensions
62 NETDATA.options.current.eliminate_zero_dimensions = true;
64 // lower the pressure on this browser
65 NETDATA.options.current.concurrent_refreshes = false;
67 // if the tv browser is too slow (a pi?)
69 NETDATA.options.current.parallel_refresher = true;
71 // always update the charts, even if focus is lost
72 // NETDATA.options.current.stop_updates_when_focus_is_lost = false;
74 // Since you may render charts from many servers and any of them may
75 // become offline for some time, the charts will break.
76 // This will reload the page every RELOAD_EVERY minutes
79 setTimeout(function(){
81 }, RELOAD_EVERY * 60 * 1000);
88 <div style="width: 100%; text-align: center; display: inline-block;">
90 <div style="width: 100%; height: 24vh; text-align: center; display: inline-block;">
91 <div style="width: 100%; height: 15px; text-align: center; display: inline-block;">
92 <b>CPU On both servers</b>
94 <div style="width: 100%; height: calc(100% - 15px); text-align: center; display: inline-block;">
96 <div data-netdata="system.cpu"
97 data-host="http://netdata.firehol.org"
98 data-title="CPU usage of netdata.firehol.org"
99 data-chart-library="dygraph"
104 <div data-netdata="system.cpu"
105 data-title="CPU usage of your netdata server"
106 data-chart-library="dygraph"
115 <div style="width: 100%; height: 24vh; text-align: center; display: inline-block;">
116 <div style="width: 100%; height: 15px; text-align: center; display: inline-block;">
117 <b>Disk I/O on both servers</b>
119 <div style="width: 100%; height: calc(100% - 15px); text-align: center; display: inline-block;">
120 <div data-netdata="system.io"
121 data-host="http://netdata.firehol.org"
122 data-title="I/O on netdata.firehol.org"
123 data-chart-library="dygraph"
128 <div data-netdata="system.io"
129 data-title="I/O on your netdata server"
130 data-chart-library="dygraph"
139 <div style="width: 100%; height: 24vh; text-align: center; display: inline-block;">
140 <div style="width: 100%; height: 15px; text-align: center; display: inline-block;">
141 <b>IPv4 traffic on both servers</b>
143 <div style="width: 100%; height: calc(100% - 15px); text-align: center; display: inline-block;">
144 <div data-netdata="system.ipv4"
145 data-host="http://netdata.firehol.org"
146 data-title="IPv4 traffic on netdata.firehol.org"
147 data-chart-library="dygraph"
152 <div data-netdata="system.ipv4"
153 data-title="IPv4 traffic on your netdata server"
154 data-chart-library="dygraph"
162 <div style="width: 100%; height: 23vh; text-align: center; display: inline-block;">
163 <div style="width: 100%; height: 15px; text-align: center; display: inline-block;">
164 <b>Netdata statistics on both servers</b>
166 <div style="width: 100%; max-height: calc(100% - 15px); text-align: center; display: inline-block;">
167 <div style="width: 49%; height:100%; align: center; display: inline-block;">
170 <div data-netdata="netdata.requests"
171 data-host="http://netdata.firehol.org"
172 data-title="Chart Refreshes/s"
173 data-chart-library="gauge"
179 <div data-netdata="netdata.clients"
180 data-host="http://netdata.firehol.org"
182 data-chart-library="gauge"
187 data-colors="#AA5500"
189 <div data-netdata="netdata.net"
191 data-host="http://netdata.firehol.org"
192 data-title="Requests Traffic"
193 data-chart-library="easypiechart"
199 <div data-netdata="netdata.net"
200 data-dimensions="out"
201 data-host="http://netdata.firehol.org"
202 data-title="Chart Data Traffic"
203 data-chart-library="easypiechart"
210 <div style="width: 49%; height:100%; align: center; display: inline-block;">
213 <div data-netdata="netdata.requests"
214 data-title="Chart Refreshes/s"
215 data-chart-library="gauge"
221 <div data-netdata="netdata.clients"
223 data-chart-library="gauge"
228 data-colors="#AA5500"
230 <div data-netdata="netdata.net"
232 data-title="Requests Traffic"
233 data-chart-library="easypiechart"
239 <div data-netdata="netdata.net"
240 data-dimensions="out"
241 data-title="Chart Data Traffic"
242 data-chart-library="easypiechart"