4 <title>NetData - Real-time performance monitoring, done right!</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/19168687/f6a567be-8c19-11e6-8561-ce8d589e8346.gif"/>
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 // --- OPTIONS FOR THE DASHBOARD --
26 // this section has to appear before loading dashboard.js
29 // uncomment on of the two themes:
31 // var netdataTheme = 'default'; // this is white
32 var netdataTheme = 'slate'; // this is dark
35 // Set the default netdata server.
36 // on charts without a 'data-host', this one will be used.
37 // the default is the server that dashboard.js is downloaded from.
39 // var netdataServer = 'http://my.server:19999/';
43 --- LOAD dashboard.js ---
45 to host this HTML file on your web server,
46 you have to load dashboard.js from the netdata server.
48 So, pick one the two below
49 If you pick the first, set the server name/IP.
51 The second assumes you host this file on /usr/share/netdata/web
52 and that you have chown it to be owned by netdata:netdata
54 <!-- <script type="text/javascript" src="http://my.server:19999/dashboard.js"></script> -->
55 <script type="text/javascript" src="dashboard.js?v20161030-10"></script>
58 // --- OPTIONS FOR THE CHARTS --
60 // destroy charts not shown (lowers memory on the browsers)
61 // set this to 'true' to destroy, 'false' to hide the charts
62 NETDATA.options.current.destroy_on_hide = false;
64 // set this to false, to always show all dimensions
65 NETDATA.options.current.eliminate_zero_dimensions = true;
67 // set this to false, to lower the pressure on the browser
68 NETDATA.options.current.concurrent_refreshes = true;
70 // if you need to support slow mobile phones, set this to false
71 NETDATA.options.current.parallel_refresher = true;
73 // set this to false, to always update the charts, even if focus is lost
74 NETDATA.options.current.stop_updates_when_focus_is_lost = true;
76 // since we have many servers and limited sockets,
77 // abort ajax calls when we scroll
78 NETDATA.options.current.abort_ajax_on_scroll = true;
87 display: inline-block;
94 .mysparkline-overchart-label {
105 .mysparkline-overchart-value {
114 text-shadow: #333 0px 0px 2px;
119 display: inline-block;
127 display: inline-block;
160 @media only screen and (min-width : 992px) {
165 @media only screen and (max-width : 992px) {
172 <body style="text-align: center; background-color: #272b30;">
174 <div class="container">
176 <div style="text-align: center; font-size: 13vw; height: 14vw;">
179 <div style="text-align: center; font-size: 2vw; height: 2.5vw;">
180 real-time performance monitoring
182 <div style="width:80%; text-align: right; font-size: 2.7vw;">
183 <strong>scaled out</strong>!
185 <div class="mytitle">
186 pick a <b>netdata</b> demo server
188 <div class="mycontent">
189 these demo servers show what you will get by installing <b>netdata</b>
192 <div style="width: 100%; text-align: center; padding-top: 2vw;">
193 <div style="width: 100%; text-align: center;">
195 <div class="mygauge-combo">
196 <div class="mygauge">
197 <div data-netdata="netdata.requests"
198 data-host="//london.my-netdata.io"
199 data-title="EU - London"
200 data-chart-library="gauge"
201 data-decimal-digits="0"
205 data-colors="#558855"
208 <div class="mygauge-button">
210 <button type="button" class="btn btn-default" data-toggle="button" aria-pressed="false" autocomplete="off" onclick="window.location='//london.my-netdata.io/default.html'" style="font-size: 1.0vw;">Enter London!</button>
211 <div style="font-size: 0.8vw;">
212 Donated by DigitalOcean.com
216 <div class="mygauge-combo">
217 <div class="mygauge">
218 <div data-netdata="netdata.requests"
219 data-host="//atlanta.my-netdata.io"
220 data-title="US - Atlanta"
221 data-chart-library="gauge"
222 data-decimal-digits="0"
226 data-colors="#AA5555"
229 <div class="mygauge-button">
231 <button type="button" class="btn btn-default" data-toggle="button" aria-pressed="false" autocomplete="off" onclick="window.location='//atlanta.my-netdata.io/default.html'" style="font-size: 1.0vw;">Enter Atlanta!</button>
232 <div style="font-size: 0.8vw;">
237 <div class="mygauge-combo">
238 <div class="mygauge">
239 <div data-netdata="netdata.requests"
240 data-host="//sanfrancisco.netdata.rocks"
241 data-title="US - California"
242 data-chart-library="gauge"
243 data-decimal-digits="0"
247 data-colors="#5555AA"
250 <div class="mygauge-button">
252 <button type="button" class="btn btn-default" data-toggle="button" aria-pressed="false" autocomplete="off" onclick="window.location='//sanfrancisco.netdata.rocks/default.html'" style="font-size: 1.0vw;">Enter California!</button>
253 <div style="font-size: 0.8vw;">
254 Donated by DigitalOcean.com
258 <div class="mygauge-combo">
259 <div class="mygauge">
260 <div data-netdata="netdata.requests"
261 data-host="//toronto.netdata.rocks"
263 data-chart-library="gauge"
264 data-decimal-digits="0"
268 data-colors="#885588"
271 <div class="mygauge-button">
273 <button type="button" class="btn btn-default" data-toggle="button" aria-pressed="false" autocomplete="off" onclick="window.location='//toronto.netdata.rocks/default.html'" style="font-size: 1.0vw;">Enter Canada!</button>
274 <div style="font-size: 0.8vw;">
275 Donated by DigitalOcean.com
280 <div class="mygauge-combo">
281 <div class="mygauge">
282 <div data-netdata="netdata.requests"
283 data-host="//frankfurt.netdata.rocks"
284 data-title="EU - Germany"
285 data-chart-library="easypiechart"
286 data-decimal-digits="0"
290 data-colors="#AAAA55"
293 <div class="mygauge-button">
295 <button type="button" class="btn btn-default" data-toggle="button" aria-pressed="false" autocomplete="off" onclick="window.location='//frankfurt.netdata.rocks/default.html'" style="font-size: 1.0vw;">Enter Germany!</button>
296 <div style="font-size: 0.8vw;">
297 Donated by DigitalOcean.com
301 <div class="mygauge-combo">
302 <div class="mygauge">
303 <div data-netdata="netdata.requests"
304 data-host="//newyork.netdata.rocks"
305 data-title="US - New York"
306 data-chart-library="easypiechart"
307 data-decimal-digits="0"
311 data-colors="#BB5533"
314 <div class="mygauge-button">
316 <button type="button" class="btn btn-default" data-toggle="button" aria-pressed="false" autocomplete="off" onclick="window.location='//newyork.netdata.rocks/default.html'" style="font-size: 1.0vw;">Enter New York!</button>
317 <div style="font-size: 0.8vw;">
318 Donated by DigitalOcean.com
322 <div class="mygauge-combo">
323 <div class="mygauge">
324 <div data-netdata="netdata.requests"
325 data-host="//singapore.netdata.rocks"
326 data-title="Singapore"
327 data-chart-library="easypiechart"
328 data-decimal-digits="0"
332 data-colors="#5588BB"
335 <div class="mygauge-button">
337 <button type="button" class="btn btn-default" data-toggle="button" aria-pressed="false" autocomplete="off" onclick="window.location='//singapore.netdata.rocks/default.html'" style="font-size: 1.0vw;">Enter Singapore!</button>
338 <div style="font-size: 0.8vw;">
339 Donated by DigitalOcean.com
343 <div class="mygauge-combo">
344 <div class="mygauge">
345 <div data-netdata="netdata.requests"
346 data-host="//bangalore.netdata.rocks"
348 data-chart-library="easypiechart"
349 data-decimal-digits="0"
353 data-colors="#BB55BB"
356 <div class="mygauge-button">
358 <button type="button" class="btn btn-default" data-toggle="button" aria-pressed="false" autocomplete="off" onclick="window.location='//bangalore.netdata.rocks/default.html'" style="font-size: 1.0vw;">Enter India!</button>
359 <div style="font-size: 0.8vw;">
360 Donated by DigitalOcean.com
367 <div class="mytitle">
368 this page is a custom <b>netdata</b> dashboard
370 <div class="mycontent">
371 charts are coming from 8 servers, in parallel
373 the servers are not aware of this multi-server dashboard,
375 each server is not aware of the other servers,
377 but on this dashboard <b>they are one</b>!
379 <div style="padding-top: 1vw; width: 100%; text-align: center; font-size: 1.5vw;">
380 <i class="fa fa-comment" aria-hidden="true"></i>
381 hover on a chart below, or drag it to show the past - <b>the others will follow</b>!
383 double click on a chart to reset them all
386 <div class="mytitle">
387 our <code>nginx</code> performance
389 <div class="mycontent">
390 (we proxy netdata through nginx, on the demo sites)
394 <ul class="nav nav-tabs" role="tablist" style="padding-top: 1vw;">
395 <li role="presentation" class="active"><a href="#nginx_requests" aria-controls="nginx_requests" role="tab" data-toggle="tab">Requests</a></li>
396 <li role="presentation"><a href="#nginx_connections" aria-controls="nginx_connections" role="tab" data-toggle="tab">Connections</a></li>
400 <div class="tab-content">
401 <div role="tabpanel" class="tab-pane active" id="nginx_requests">
402 <div class="mysparkline">
403 <div class="mysparkline-overchart-label">
404 <b>EU - London</b> web requests/s
406 <div class="mysparkline-overchart-value" id="nginx_local.requests.netdata" >
408 <div data-netdata="nginx_local.requests"
409 data-dimensions="requests"
410 data-host="//london.my-netdata.io"
411 data-decimal-digits="0"
412 data-chart-library="dygraph"
413 data-dygraph-theme="sparkline"
414 data-dygraph-type="area"
418 data-colors="#558855"
419 data-show-value-of-requests-at="nginx_local.requests.netdata"
423 <div class="mysparkline">
424 <div class="mysparkline-overchart-label">
425 <b>US - Atlanta</b> web requests/s
427 <div class="mysparkline-overchart-value" id="nginx_local.requests.netdata2" >
429 <div data-netdata="nginx_local.requests"
430 data-dimensions="requests"
431 data-host="//atlanta.my-netdata.io"
432 data-decimal-digits="0"
433 data-chart-library="dygraph"
434 data-dygraph-theme="sparkline"
435 data-dygraph-type="area"
439 data-colors="#AA5555"
440 data-show-value-of-requests-at="nginx_local.requests.netdata2"
444 <div class="mysparkline">
445 <div class="mysparkline-overchart-label">
446 <b>US - California</b> web requests/s
448 <div class="mysparkline-overchart-value" id="nginx_local.requests.netdata3" >
450 <div data-netdata="nginx_local.requests"
451 data-dimensions="requests"
452 data-host="//sanfrancisco.netdata.rocks"
453 data-decimal-digits="0"
454 data-chart-library="dygraph"
455 data-dygraph-theme="sparkline"
456 data-dygraph-type="area"
460 data-colors="#5555AA"
461 data-show-value-of-requests-at="nginx_local.requests.netdata3"
465 <div class="mysparkline">
466 <div class="mysparkline-overchart-label">
467 <b>Canada</b> web requests/s
469 <div class="mysparkline-overchart-value" id="nginx_local.requests.netdata4" >
471 <div data-netdata="nginx_local.requests"
472 data-dimensions="requests"
473 data-host="//toronto.netdata.rocks"
474 data-decimal-digits="0"
475 data-chart-library="dygraph"
476 data-dygraph-theme="sparkline"
477 data-dygraph-type="area"
481 data-colors="#885588"
482 data-show-value-of-requests-at="nginx_local.requests.netdata4"
487 <div role="tabpanel" class="tab-pane" id="nginx_connections">
488 <div class="mysparkline">
489 <div class="mysparkline-overchart-label">
490 <b>EU - London</b> active connections
492 <div class="mysparkline-overchart-value" id="nginx_local.connections.netdata1" >
494 <div data-netdata="nginx_local.connections"
495 data-dimensions="active"
496 data-host="//london.my-netdata.io"
497 data-decimal-digits="0"
498 data-chart-library="dygraph"
499 data-dygraph-theme="sparkline"
500 data-dygraph-type="area"
504 data-colors="#558855"
505 data-show-value-of-active-at="nginx_local.connections.netdata1"
509 <div class="mysparkline">
510 <div class="mysparkline-overchart-label">
511 <b>US - Atlanta</b> active connections
513 <div class="mysparkline-overchart-value" id="nginx_local.connections.netdata2" >
515 <div data-netdata="nginx_local.connections"
516 data-dimensions="active"
517 data-host="//atlanta.my-netdata.io"
518 data-decimal-digits="0"
519 data-chart-library="dygraph"
520 data-dygraph-theme="sparkline"
521 data-dygraph-type="area"
525 data-colors="#AA5555"
526 data-show-value-of-active-at="nginx_local.connections.netdata2"
530 <div class="mysparkline">
531 <div class="mysparkline-overchart-label">
532 <b>US - California</b> active connections
534 <div class="mysparkline-overchart-value" id="nginx_local.connections.netdata3" >
536 <div data-netdata="nginx_local.connections"
537 data-dimensions="active"
538 data-host="//sanfrancisco.netdata.rocks"
539 data-decimal-digits="0"
540 data-chart-library="dygraph"
541 data-dygraph-theme="sparkline"
542 data-dygraph-type="area"
546 data-colors="#5555AA"
547 data-show-value-of-active-at="nginx_local.connections.netdata3"
551 <div class="mysparkline">
552 <div class="mysparkline-overchart-label">
553 <b>Canada</b> active connections
555 <div class="mysparkline-overchart-value" id="nginx_local.connections.netdata4" >
557 <div data-netdata="nginx_local.connections"
558 data-dimensions="active"
559 data-host="//toronto.netdata.rocks"
560 data-decimal-digits="0"
561 data-chart-library="dygraph"
562 data-dygraph-theme="sparkline"
563 data-dygraph-type="area"
567 data-colors="#885588"
568 data-show-value-of-active-at="nginx_local.connections.netdata4"
574 <div style="width: 100%; text-align: right; font-size: 1vw;">
575 <i class="fa fa-comment" aria-hidden="true"></i> these charts are draggable and touchable, double click them to reset them
579 <div class="mytitle">
580 bandwidth consumption on the demo sites
582 <div class="mycontent">
583 Linux QoS is configured by <a href="https://github.com/firehol/netdata/wiki/You-should-install-QoS-on-all-your-servers">FireQOS</a>
587 <ul class="nav nav-tabs" role="tablist" style="padding-top: 1vw;">
588 <li role="presentation" class="active"><a href="#outbout" aria-controls="outbout" role="tab" data-toggle="tab">Outbound</a></li>
589 <li role="presentation"><a href="#inbound" aria-controls="inbound" role="tab" data-toggle="tab">Inbound</a></li>
593 <div class="tab-content">
594 <div role="tabpanel" class="tab-pane active" id="outbout">
595 <div class="myfullchart">
596 <div data-netdata="tc.world_out"
597 data-host="//london.my-netdata.io"
598 data-chart-library="dygraph"
599 data-title="EU - London, traffic we send per service"
606 <div class="myfullchart">
607 <div data-netdata="tc.world_out"
608 data-host="//atlanta.my-netdata.io"
609 data-chart-library="dygraph"
610 data-title="US - Atlanta, traffic we send per service"
618 <div class="myfullchart">
619 <div data-netdata="tc.world_out"
620 data-host="//sanfrancisco.netdata.rocks"
621 data-chart-library="dygraph"
622 data-title="US - California, traffic we send per service"
629 <div class="myfullchart">
630 <div data-netdata="tc.world_out"
631 data-host="//toronto.netdata.rocks"
632 data-chart-library="dygraph"
633 data-title="Canada, traffic we send per service"
641 <div role="tabpanel" class="tab-pane" id="inbound">
642 <div class="myfullchart">
643 <div data-netdata="tc.world_in"
644 data-host="//london.my-netdata.io"
645 data-chart-library="dygraph"
646 data-title="EU - London, traffic we receive per service"
654 <div class="myfullchart">
655 <div data-netdata="tc.world_in"
656 data-host="//atlanta.my-netdata.io"
657 data-chart-library="dygraph"
658 data-title="US - Atlanta, traffic we receive per service"
666 <div class="myfullchart">
667 <div data-netdata="tc.world_in"
668 data-host="//sanfrancisco.netdata.rocks"
669 data-chart-library="dygraph"
670 data-title="US - California, traffic we receive per service"
677 <div class="myfullchart">
678 <div data-netdata="tc.world_in"
679 data-host="//toronto.netdata.rocks"
680 data-chart-library="dygraph"
681 data-title="Canada, traffic we receive per service"
689 <div style="width: 100%; text-align: right; font-size: 1vw;">
690 <i class="fa fa-comment" aria-hidden="true"></i> <i>these legends are interactive and the charts are resizable here ^^^</i>
693 <div class="mytitle">
694 DDoS protection performance on the demo sites
696 <div class="mycontent">
697 iptables SYNPROXY configured by <a href="https://github.com/firehol/netdata/wiki/Monitoring-SYNPROXY">FireHOL</a>
700 <div style="padding-top: 4vw; width: 100%; text-align: center; font-size: 1.5vw;">
702 <div class="mysparkline">
703 <div class="mysparkline-overchart-label">
704 <b>EU - London</b>, TCP SYN packets/s received
706 <div class="mysparkline-overchart-value" id="netfilter.synproxy_syn_received.netdata1" >
708 <div data-netdata="netfilter.synproxy_syn_received"
709 data-dimensions="received"
710 data-host="//london.my-netdata.io"
711 data-decimal-digits="0"
712 data-chart-library="dygraph"
713 data-dygraph-theme="sparkline"
714 data-dygraph-type="area"
718 data-colors="#558855"
719 data-show-value-of-received-at="netfilter.synproxy_syn_received.netdata1"
723 <div class="mysparkline">
724 <div class="mysparkline-overchart-label">
725 <b>US - Atlanta</b>, TCP SYN packets/s received
727 <div class="mysparkline-overchart-value" id="netfilter.synproxy_syn_received.netdata2" >
729 <div data-netdata="netfilter.synproxy_syn_received"
730 data-dimensions="received"
731 data-host="//atlanta.my-netdata.io"
732 data-decimal-digits="0"
733 data-chart-library="dygraph"
734 data-dygraph-theme="sparkline"
735 data-dygraph-type="area"
739 data-colors="#885555"
740 data-show-value-of-received-at="netfilter.synproxy_syn_received.netdata2"
744 <div class="mysparkline">
745 <div class="mysparkline-overchart-label">
746 <b>US - California</b>, TCP SYN packets/s received
748 <div class="mysparkline-overchart-value" id="netfilter.synproxy_syn_received.netdata3" >
750 <div data-netdata="netfilter.synproxy_syn_received"
751 data-dimensions="received"
752 data-host="//sanfrancisco.netdata.rocks"
753 data-decimal-digits="0"
754 data-chart-library="dygraph"
755 data-dygraph-theme="sparkline"
756 data-dygraph-type="area"
760 data-colors="#555588"
761 data-show-value-of-received-at="netfilter.synproxy_syn_received.netdata3"
765 <div class="mysparkline">
766 <div class="mysparkline-overchart-label">
767 <b>Canada</b>, TCP SYN packets/s received
769 <div class="mysparkline-overchart-value" id="netfilter.synproxy_syn_received.netdata4" >
771 <div data-netdata="netfilter.synproxy_syn_received"
772 data-dimensions="received"
773 data-host="//toronto.netdata.rocks"
774 data-decimal-digits="0"
775 data-chart-library="dygraph"
776 data-dygraph-theme="sparkline"
777 data-dygraph-type="area"
781 data-colors="#885588"
782 data-show-value-of-received-at="netfilter.synproxy_syn_received.netdata4"
786 <div style="width: 100%; text-align: right; font-size: 1vw;">
787 <i class="fa fa-comment" aria-hidden="true"></i> <i>did you notice the decimal numbers?
788 <br/>netdata interpolates collected values at second boundaries, with nanosecond detail!</i>
792 <div class="mytitle">
793 CPU Utilization of the demo sites
796 <div style="padding-top: 1vw;">
797 <div class="myfullchart">
798 <div data-netdata="system.cpu"
799 data-host="//london.my-netdata.io"
800 data-chart-library="dygraph"
801 data-title="EU - London, CPU Usage"
805 data-dygraph-valuerange="[0, 100]"
809 <div class="myfullchart">
810 <div data-netdata="system.cpu"
811 data-host="//atlanta.my-netdata.io"
812 data-chart-library="dygraph"
813 data-title="US - Atlanta, CPU Usage"
817 data-dygraph-valuerange="[0, 100]"
821 <div class="myfullchart">
822 <div data-netdata="system.cpu"
823 data-host="//sanfrancisco.netdata.rocks"
824 data-chart-library="dygraph"
825 data-title="US - California, CPU Usage"
829 data-dygraph-valuerange="[0, 100]"
833 <div class="myfullchart">
834 <div data-netdata="system.cpu"
835 data-host="//toronto.netdata.rocks"
836 data-chart-library="dygraph"
837 data-title="Canada, CPU Usage"
841 data-dygraph-valuerange="[0, 100]"
845 <div style="width: 100%; text-align: right; font-size: 1vw;">
846 <i class="fa fa-comment" aria-hidden="true"></i> <i>what is using so much CPU?
847 <br/>The site <a href="//iplists.firehol.org/">iplists.firehol.org</a> is maintained by FireHOL - the CPU is used for comparing security IP Lists.</i>
850 <div class="mytitle">
853 <div class="mycontent">
854 netdata monitors <b>users</b>, <b>user groups</b>, <b>applications (process trees)</b>
856 <b>containers</b> (<code>lxc</code>, <code>docker</code>, etc.) and SNMP devices.
860 <ul class="nav nav-tabs" role="tablist" style="padding-top: 1vw;">
861 <li role="presentation" class="active"><a href="#netdata_cpu" aria-controls="netdata_cpu" role="tab" data-toggle="tab">CPU</a></li>
862 <li role="presentation"><a href="#netdata_avgtime" aria-controls="netdata_avgtime" role="tab" data-toggle="tab">Average Response Time</a></li>
866 <div class="tab-content">
867 <div role="tabpanel" class="tab-pane active" id="netdata_cpu">
868 <div class="mysparkline">
869 <div class="mysparkline-overchart-label">
870 <b>EU - London</b>, CPU % of a single core
872 <div class="mysparkline-overchart-value" id="users.cpu.netdata1" >
874 <div data-netdata="apps.cpu"
875 data-dimensions="netdata"
876 data-host="//london.my-netdata.io"
877 data-chart-library="dygraph"
878 data-dygraph-theme="sparkline"
879 data-dygraph-type="area"
883 data-colors="#558855"
884 data-show-value-of-netdata-at="users.cpu.netdata1"
888 <div class="mysparkline">
889 <div class="mysparkline-overchart-label">
890 <b>US - Atlanta</b>, CPU % of a single core
892 <div class="mysparkline-overchart-value" id="users.cpu.netdata2" >
894 <div data-netdata="apps.cpu"
895 data-dimensions="netdata"
896 data-host="//atlanta.my-netdata.io"
897 data-chart-library="dygraph"
898 data-dygraph-theme="sparkline"
899 data-dygraph-type="area"
903 data-colors="#885555"
904 data-show-value-of-netdata-at="users.cpu.netdata2"
908 <div class="mysparkline">
909 <div class="mysparkline-overchart-label">
910 <b>US - California</b>, CPU % of a single core
912 <div class="mysparkline-overchart-value" id="users.cpu.netdata3" >
914 <div data-netdata="apps.cpu"
915 data-dimensions="netdata"
916 data-host="//sanfrancisco.netdata.rocks"
917 data-chart-library="dygraph"
918 data-dygraph-theme="sparkline"
919 data-dygraph-type="area"
923 data-colors="#555588"
924 data-show-value-of-netdata-at="users.cpu.netdata3"
928 <div class="mysparkline">
929 <div class="mysparkline-overchart-label">
930 <b>Toronto</b>, CPU % of a single core
932 <div class="mysparkline-overchart-value" id="users.cpu.netdata4" >
934 <div data-netdata="apps.cpu"
935 data-dimensions="netdata"
936 data-host="//toronto.netdata.rocks"
937 data-chart-library="dygraph"
938 data-dygraph-theme="sparkline"
939 data-dygraph-type="area"
943 data-colors="#885588"
944 data-show-value-of-netdata-at="users.cpu.netdata4"
948 <div style="width: 100%; text-align: right; font-size: 1vw;">
949 <i class="fa fa-comment" aria-hidden="true"></i> <i>this utilization is about the whole netdata process tree and the percentage is of <b>a single core</b>!
950 <br/>including <b>BASH</b> plugins (it monitors <code>mysql</code> on the demo sites), <b>node.js</b> plugins (it monitors <code>bind9</code> on the demo sites), etc.
951 <br/>and including the chart refreshes for the dashboards of all viewers.</i>
955 <div role="tabpanel" class="tab-pane" id="netdata_avgtime">
956 <div class="mysparkline">
957 <div class="mysparkline-overchart-label">
958 <b>EU - London</b>, API average response time in milliseconds
960 <div class="mysparkline-overchart-value" id="netdata.response_time1" >
962 <div data-netdata="netdata.response_time"
963 data-host="//london.my-netdata.io"
964 data-chart-library="dygraph"
965 data-dygraph-theme="sparkline"
966 data-dygraph-type="area"
970 data-colors="#558855 #356835"
971 data-show-value-of-average-at="netdata.response_time1"
975 <div class="mysparkline">
976 <div class="mysparkline-overchart-label">
977 <b>US - Atlanta</b>, API average response time in milliseconds
979 <div class="mysparkline-overchart-value" id="netdata.response_time2" >
981 <div data-netdata="netdata.response_time"
982 data-host="//atlanta.my-netdata.io"
983 data-chart-library="dygraph"
984 data-dygraph-theme="sparkline"
985 data-dygraph-type="area"
989 data-colors="#885555 #683535"
990 data-show-value-of-average-at="netdata.response_time2"
994 <div class="mysparkline">
995 <div class="mysparkline-overchart-label">
996 <b>US - California</b>, API average response time in milliseconds
998 <div class="mysparkline-overchart-value" id="netdata.response_time3" >
1000 <div data-netdata="netdata.response_time"
1001 data-host="//sanfrancisco.netdata.rocks"
1002 data-chart-library="dygraph"
1003 data-dygraph-theme="sparkline"
1004 data-dygraph-type="area"
1008 data-colors="#555588 #353568"
1009 data-show-value-of-average-at="netdata.response_time3"
1013 <div class="mysparkline">
1014 <div class="mysparkline-overchart-label">
1015 <b>Canada</b>, API average response time in milliseconds
1017 <div class="mysparkline-overchart-value" id="netdata.response_time4" >
1019 <div data-netdata="netdata.response_time"
1020 data-host="//toronto.netdata.rocks"
1021 data-chart-library="dygraph"
1022 data-dygraph-theme="sparkline"
1023 data-dygraph-type="area"
1027 data-colors="#885588 #683568"
1028 data-show-value-of-average-at="netdata.response_time4"
1032 <div style="width: 100%; text-align: right; font-size: 1vw;">
1033 <i class="fa fa-comment" aria-hidden="true"></i> <i>netdata is really <b>fast</b> (the values are milliseconds!)
1035 These values include everything, from the reception of the first byte to the dispatch of the last, including gzip compression.
1037 Values above 2-3ms are usually chart refreshes of charts with several dimensions, charts with very long durations (zoomed out), or file transfers.
1043 <div style="padding-top: 6vw; width: 100%; text-align: center; font-size: 2vw;">
1046 jump to <a href="https://github.com/firehol/netdata/">the netdata page at github</a>
1048 it needs just 3 mins to be installed on your servers!
1055 // google analytics when this is used for the home page of the demo sites
1056 // you don't need this if you customize this dashboard for your needs
1057 setTimeout(function() {
1058 (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
1059 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
1060 m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
1061 })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
1063 ga('create', 'UA-64295674-3', 'auto');
1064 ga('send', 'pageview');