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://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 // --- OPTIONS FOR THE DASHBOARD --
25 // this section has to appear before loading dashboard.js
28 // uncomment on of the two themes:
30 // var netdataTheme = 'default'; // this is white
31 var netdataTheme = 'slate'; // this is dark
34 // Set the default netdata server.
35 // on charts without a 'data-host', this one will be used.
36 // the default is the server that dashboard.js is downloaded from.
38 // var netdataServer = 'http://my.server:19999/';
42 --- LOAD dashboard.js ---
44 to host this HTML file on your web server,
45 you have to load dashboard.js from the netdata server.
47 So, pick one the two below
48 If you pick the first, set the server name/IP.
50 The second assumes you host this file on /usr/share/netdata/web
51 and that you have chown it to be owned by netdata:netdata
53 <!-- <script type="text/javascript" src="http://my.server:19999/dashboard.js"></script> -->
54 <script type="text/javascript" src="dashboard.js?v42"></script>
57 // --- OPTIONS FOR THE CHARTS --
59 // destroy charts not shown (lowers memory on the browsers)
60 // set this to 'true' to destroy, 'false' to hide the charts
61 NETDATA.options.current.destroy_on_hide = true;
63 // set this to false, to always show all dimensions
64 NETDATA.options.current.eliminate_zero_dimensions = true;
66 // set this to false, to lower the pressure on the browser
67 NETDATA.options.current.concurrent_refreshes = false;
69 // if you need to support slow mobile phones, set this to false
70 NETDATA.options.current.parallel_refresher = true;
72 // set this to false, to always update the charts, even if focus is lost
73 NETDATA.options.current.stop_updates_when_focus_is_lost = true;
84 display: inline-block;
91 .mysparkline-overchart-label {
102 .mysparkline-overchart-value {
111 text-shadow: #333 0px 0px 2px;
116 display: inline-block;
124 display: inline-block;
157 @media only screen and (min-width : 992px) {
162 @media only screen and (max-width : 992px) {
170 <body style="text-align: center;">
172 <div class="container">
174 <div style="text-align: center; font-size: 13vw; height: 14vw;">
177 <div style="text-align: center; font-size: 2vw; height: 2.5vw;">
178 real-time performance monitoring
180 <div style="width:80%; text-align: right; font-size: 2.7vw;">
181 <strong>scaled out</strong>!
183 <div class="mytitle">
184 pick a <b>netdata</b> demo server
186 <div class="mycontent">
187 these demo servers show what you will get by installing <b>netdata</b>
190 <div style="width: 100%; text-align: center; padding-top: 2vw;">
191 <div style="width: 100%; text-align: center;">
193 <div class="mygauge-combo">
194 <div class="mygauge">
195 <div data-netdata="netdata.requests"
196 data-host="//london.my-netdata.io"
197 data-title="EU - London"
198 data-chart-library="gauge"
202 data-colors="#558855"
205 <div class="mygauge-button">
207 <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>
208 <div style="font-size: 0.8vw;">
209 Donated by DigitalOcean.com
213 <div class="mygauge-combo">
214 <div class="mygauge">
215 <div data-netdata="netdata.requests"
216 data-host="//atlanta.my-netdata.io"
217 data-title="US - Atlanta"
218 data-chart-library="gauge"
222 data-colors="#AA5555"
225 <div class="mygauge-button">
227 <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>
228 <div style="font-size: 0.8vw;">
233 <div class="mygauge-combo">
234 <div class="mygauge">
235 <div data-netdata="netdata.requests"
236 data-host="//sanfrancisco.netdata.rocks"
237 data-title="US - California"
238 data-chart-library="gauge"
242 data-colors="#5555AA"
245 <div class="mygauge-button">
247 <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>
248 <div style="font-size: 0.8vw;">
249 Donated by DigitalOcean.com
253 <div class="mygauge-combo">
254 <div class="mygauge">
255 <div data-netdata="netdata.requests"
256 data-host="//toronto.netdata.rocks"
258 data-chart-library="gauge"
262 data-colors="#885588"
265 <div class="mygauge-button">
267 <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>
268 <div style="font-size: 0.8vw;">
269 Donated by DigitalOcean.com
274 <div class="mygauge-combo">
275 <div class="mygauge">
276 <div data-netdata="netdata.requests"
277 data-host="//frankfurt.netdata.rocks"
278 data-title="EU - Germany"
279 data-chart-library="easypiechart"
283 data-colors="#AAAA55"
286 <div class="mygauge-button">
288 <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>
289 <div style="font-size: 0.8vw;">
290 Donated by DigitalOcean.com
294 <div class="mygauge-combo">
295 <div class="mygauge">
296 <div data-netdata="netdata.requests"
297 data-host="//newyork.netdata.rocks"
298 data-title="US - New York"
299 data-chart-library="easypiechart"
303 data-colors="#BB5533"
306 <div class="mygauge-button">
308 <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>
309 <div style="font-size: 0.8vw;">
310 Donated by DigitalOcean.com
314 <div class="mygauge-combo">
315 <div class="mygauge">
316 <div data-netdata="netdata.requests"
317 data-host="//singapore.netdata.rocks"
318 data-title="Signapore"
319 data-chart-library="easypiechart"
323 data-colors="#5588BB"
326 <div class="mygauge-button">
328 <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>
329 <div style="font-size: 0.8vw;">
330 Donated by DigitalOcean.com
334 <div class="mygauge-combo">
335 <div class="mygauge">
336 <div data-netdata="netdata.requests"
337 data-host="//bangalore.netdata.rocks"
339 data-chart-library="easypiechart"
343 data-colors="#BB55BB"
346 <div class="mygauge-button">
348 <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>
349 <div style="font-size: 0.8vw;">
350 Donated by DigitalOcean.com
357 <div class="mytitle">
358 this page is a custom <b>netdata</b> dashboard
360 <div class="mycontent">
361 charts are coming from 8 servers, in parallel
363 the servers are not aware of this multi-server dashboard,
365 each server is not aware of the other servers,
367 but on this dashboard <b>they are one</b>!
369 <div style="padding-top: 1vw; width: 100%; text-align: center; font-size: 1.5vw;">
370 <i class="fa fa-comment" aria-hidden="true"></i>
371 hover on a chart below, or drag it to show the past - <b>the others will follow</b>!
373 double click on a chart to reset them all
376 <div class="mytitle">
377 our <code>nginx</code> performance
379 <div class="mycontent">
380 (we proxy netdata through nginx, on the demo sites)
384 <ul class="nav nav-tabs" role="tablist" style="padding-top: 1vw;">
385 <li role="presentation" class="active"><a href="#nginx_requests" aria-controls="nginx_requests" role="tab" data-toggle="tab">Requests</a></li>
386 <li role="presentation"><a href="#nginx_connections" aria-controls="nginx_connections" role="tab" data-toggle="tab">Connections</a></li>
390 <div class="tab-content">
391 <div role="tabpanel" class="tab-pane active" id="nginx_requests">
392 <div class="mysparkline">
393 <div class="mysparkline-overchart-label">
394 <b>EU - London</b> web requests/s
396 <div class="mysparkline-overchart-value" id="nginx_local.requests.netdata" >
398 <div data-netdata="nginx_local.requests"
399 data-dimensions="requests"
400 data-host="//london.my-netdata.io"
401 data-chart-library="dygraph"
402 data-dygraph-theme="sparkline"
403 data-dygraph-type="area"
407 data-colors="#558855"
408 data-show-value-of-requests-at="nginx_local.requests.netdata"
412 <div class="mysparkline">
413 <div class="mysparkline-overchart-label">
414 <b>US - Atlanta</b> web requests/s
416 <div class="mysparkline-overchart-value" id="nginx_local.requests.netdata2" >
418 <div data-netdata="nginx_local.requests"
419 data-dimensions="requests"
420 data-host="//atlanta.my-netdata.io"
421 data-chart-library="dygraph"
422 data-dygraph-theme="sparkline"
423 data-dygraph-type="area"
427 data-colors="#AA5555"
428 data-show-value-of-requests-at="nginx_local.requests.netdata2"
432 <div class="mysparkline">
433 <div class="mysparkline-overchart-label">
434 <b>US - California</b> web requests/s
436 <div class="mysparkline-overchart-value" id="nginx_local.requests.netdata3" >
438 <div data-netdata="nginx_local.requests"
439 data-dimensions="requests"
440 data-host="//sanfrancisco.netdata.rocks"
441 data-chart-library="dygraph"
442 data-dygraph-theme="sparkline"
443 data-dygraph-type="area"
447 data-colors="#5555AA"
448 data-show-value-of-requests-at="nginx_local.requests.netdata3"
452 <div class="mysparkline">
453 <div class="mysparkline-overchart-label">
454 <b>Canada</b> web requests/s
456 <div class="mysparkline-overchart-value" id="nginx_local.requests.netdata4" >
458 <div data-netdata="nginx_local.requests"
459 data-dimensions="requests"
460 data-host="//toronto.netdata.rocks"
461 data-chart-library="dygraph"
462 data-dygraph-theme="sparkline"
463 data-dygraph-type="area"
467 data-colors="#885588"
468 data-show-value-of-requests-at="nginx_local.requests.netdata4"
473 <div role="tabpanel" class="tab-pane" id="nginx_connections">
474 <div class="mysparkline">
475 <div class="mysparkline-overchart-label">
476 <b>EU - London</b> active connections
478 <div class="mysparkline-overchart-value" id="nginx_local.connections.netdata1" >
480 <div data-netdata="nginx_local.connections"
481 data-dimensions="active"
482 data-host="//london.my-netdata.io"
483 data-chart-library="dygraph"
484 data-dygraph-theme="sparkline"
485 data-dygraph-type="area"
489 data-colors="#558855"
490 data-show-value-of-active-at="nginx_local.connections.netdata1"
494 <div class="mysparkline">
495 <div class="mysparkline-overchart-label">
496 <b>US - Atlanta</b> active connections
498 <div class="mysparkline-overchart-value" id="nginx_local.connections.netdata2" >
500 <div data-netdata="nginx_local.connections"
501 data-dimensions="active"
502 data-host="//atlanta.my-netdata.io"
503 data-chart-library="dygraph"
504 data-dygraph-theme="sparkline"
505 data-dygraph-type="area"
509 data-colors="#AA5555"
510 data-show-value-of-active-at="nginx_local.connections.netdata2"
514 <div class="mysparkline">
515 <div class="mysparkline-overchart-label">
516 <b>US - California</b> active connections
518 <div class="mysparkline-overchart-value" id="nginx_local.connections.netdata3" >
520 <div data-netdata="nginx_local.connections"
521 data-dimensions="active"
522 data-host="//sanfrancisco.netdata.rocks"
523 data-chart-library="dygraph"
524 data-dygraph-theme="sparkline"
525 data-dygraph-type="area"
529 data-colors="#5555AA"
530 data-show-value-of-active-at="nginx_local.connections.netdata3"
534 <div class="mysparkline">
535 <div class="mysparkline-overchart-label">
536 <b>Canada</b> active connections
538 <div class="mysparkline-overchart-value" id="nginx_local.connections.netdata4" >
540 <div data-netdata="nginx_local.connections"
541 data-dimensions="active"
542 data-host="//toronto.netdata.rocks"
543 data-chart-library="dygraph"
544 data-dygraph-theme="sparkline"
545 data-dygraph-type="area"
549 data-colors="#885588"
550 data-show-value-of-active-at="nginx_local.connections.netdata4"
556 <div style="width: 100%; text-align: right; font-size: 1vw;">
557 <i class="fa fa-comment" aria-hidden="true"></i> these charts are draggable and touchable, double click them to reset them
561 <div class="mytitle">
562 bandwidth consumption on the demo sites
564 <div class="mycontent">
565 Linux QoS is configured by <a href="https://github.com/firehol/netdata/wiki/You-should-install-QoS-on-all-your-servers">FireQOS</a>
569 <ul class="nav nav-tabs" role="tablist" style="padding-top: 1vw;">
570 <li role="presentation" class="active"><a href="#outbout" aria-controls="outbout" role="tab" data-toggle="tab">Outbound</a></li>
571 <li role="presentation"><a href="#inbound" aria-controls="inbound" role="tab" data-toggle="tab">Inbound</a></li>
575 <div class="tab-content">
576 <div role="tabpanel" class="tab-pane active" id="outbout">
577 <div class="myfullchart">
578 <div data-netdata="tc.world_out"
579 data-host="//london.my-netdata.io"
580 data-chart-library="dygraph"
581 data-title="EU - London, traffic we send per service"
588 <div class="myfullchart">
589 <div data-netdata="tc.world_out"
590 data-host="//atlanta.my-netdata.io"
591 data-chart-library="dygraph"
592 data-title="US - Atlanta, traffic we send per service"
600 <div class="myfullchart">
601 <div data-netdata="tc.world_out"
602 data-host="//sanfrancisco.netdata.rocks"
603 data-chart-library="dygraph"
604 data-title="US - California, traffic we send per service"
611 <div class="myfullchart">
612 <div data-netdata="tc.world_out"
613 data-host="//toronto.netdata.rocks"
614 data-chart-library="dygraph"
615 data-title="Canada, traffic we send per service"
623 <div role="tabpanel" class="tab-pane" id="inbound">
624 <div class="myfullchart">
625 <div data-netdata="tc.world_in"
626 data-host="//london.my-netdata.io"
627 data-chart-library="dygraph"
628 data-title="EU - London, traffic we receive per service"
636 <div class="myfullchart">
637 <div data-netdata="tc.world_in"
638 data-host="//atlanta.my-netdata.io"
639 data-chart-library="dygraph"
640 data-title="US - Atlanta, traffic we receive per service"
648 <div class="myfullchart">
649 <div data-netdata="tc.world_in"
650 data-host="//sanfrancisco.netdata.rocks"
651 data-chart-library="dygraph"
652 data-title="US - California, traffic we receive per service"
659 <div class="myfullchart">
660 <div data-netdata="tc.world_in"
661 data-host="//toronto.netdata.rocks"
662 data-chart-library="dygraph"
663 data-title="Canada, traffic we receive per service"
671 <div style="width: 100%; text-align: right; font-size: 1vw;">
672 <i class="fa fa-comment" aria-hidden="true"></i> <i>these legends are interactive and the charts are resizable here ^^^</i>
675 <div class="mytitle">
676 DDoS protection performance on the demo sites
678 <div class="mycontent">
679 iptables SYNPROXY configured by <a href="https://github.com/firehol/netdata/wiki/Monitoring-SYNPROXY">FireHOL</a>
682 <div style="padding-top: 4vw; width: 100%; text-align: center; font-size: 1.5vw;">
684 <div class="mysparkline">
685 <div class="mysparkline-overchart-label">
686 <b>EU - London</b>, TCP SYN packets/s received
688 <div class="mysparkline-overchart-value" id="netfilter.synproxy_syn_received.netdata1" >
690 <div data-netdata="netfilter.synproxy_syn_received"
691 data-dimensions="received"
692 data-host="//london.my-netdata.io"
693 data-chart-library="dygraph"
694 data-dygraph-theme="sparkline"
695 data-dygraph-type="area"
699 data-colors="#558855"
700 data-show-value-of-received-at="netfilter.synproxy_syn_received.netdata1"
704 <div class="mysparkline">
705 <div class="mysparkline-overchart-label">
706 <b>US - Atlanta</b>, TCP SYN packets/s received
708 <div class="mysparkline-overchart-value" id="netfilter.synproxy_syn_received.netdata2" >
710 <div data-netdata="netfilter.synproxy_syn_received"
711 data-dimensions="received"
712 data-host="//atlanta.my-netdata.io"
713 data-chart-library="dygraph"
714 data-dygraph-theme="sparkline"
715 data-dygraph-type="area"
719 data-colors="#885555"
720 data-show-value-of-received-at="netfilter.synproxy_syn_received.netdata2"
724 <div class="mysparkline">
725 <div class="mysparkline-overchart-label">
726 <b>US - California</b>, TCP SYN packets/s received
728 <div class="mysparkline-overchart-value" id="netfilter.synproxy_syn_received.netdata3" >
730 <div data-netdata="netfilter.synproxy_syn_received"
731 data-dimensions="received"
732 data-host="//sanfrancisco.netdata.rocks"
733 data-chart-library="dygraph"
734 data-dygraph-theme="sparkline"
735 data-dygraph-type="area"
739 data-colors="#555588"
740 data-show-value-of-received-at="netfilter.synproxy_syn_received.netdata3"
744 <div class="mysparkline">
745 <div class="mysparkline-overchart-label">
746 <b>Canada</b>, TCP SYN packets/s received
748 <div class="mysparkline-overchart-value" id="netfilter.synproxy_syn_received.netdata4" >
750 <div data-netdata="netfilter.synproxy_syn_received"
751 data-dimensions="received"
752 data-host="//toronto.netdata.rocks"
753 data-chart-library="dygraph"
754 data-dygraph-theme="sparkline"
755 data-dygraph-type="area"
759 data-colors="#885588"
760 data-show-value-of-received-at="netfilter.synproxy_syn_received.netdata4"
764 <div style="width: 100%; text-align: right; font-size: 1vw;">
765 <i class="fa fa-comment" aria-hidden="true"></i> <i>did you notice the decimal numbers?
766 <br/>netdata interpolates collected values at second boundaries, with nanosecond detail!</i>
770 <div class="mytitle">
771 CPU Utilization of the demo sites
774 <div style="padding-top: 1vw;">
775 <div class="myfullchart">
776 <div data-netdata="system.cpu"
777 data-host="//london.my-netdata.io"
778 data-chart-library="dygraph"
779 data-title="EU - London, CPU Usage"
783 data-dygraph-valuerange="[0, 100]"
787 <div class="myfullchart">
788 <div data-netdata="system.cpu"
789 data-host="//atlanta.my-netdata.io"
790 data-chart-library="dygraph"
791 data-title="US - Atlanta, CPU Usage"
795 data-dygraph-valuerange="[0, 100]"
799 <div class="myfullchart">
800 <div data-netdata="system.cpu"
801 data-host="//sanfrancisco.netdata.rocks"
802 data-chart-library="dygraph"
803 data-title="US - California, CPU Usage"
807 data-dygraph-valuerange="[0, 100]"
811 <div class="myfullchart">
812 <div data-netdata="system.cpu"
813 data-host="//toronto.netdata.rocks"
814 data-chart-library="dygraph"
815 data-title="Canada, CPU Usage"
819 data-dygraph-valuerange="[0, 100]"
823 <div style="width: 100%; text-align: right; font-size: 1vw;">
824 <i class="fa fa-comment" aria-hidden="true"></i> <i>what is using so much CPU?
825 <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>
828 <div class="mytitle">
831 <div class="mycontent">
832 netdata monitors <b>users</b>, <b>user groups</b>, <b>applications (process trees)</b>
834 <b>containers</b> (<code>lxc</code>, <code>docker</code>, etc.) and SNMP devices.
838 <ul class="nav nav-tabs" role="tablist" style="padding-top: 1vw;">
839 <li role="presentation" class="active"><a href="#netdata_cpu" aria-controls="netdata_cpu" role="tab" data-toggle="tab">CPU</a></li>
840 <li role="presentation"><a href="#netdata_avgtime" aria-controls="netdata_avgtime" role="tab" data-toggle="tab">Average Response Time</a></li>
844 <div class="tab-content">
845 <div role="tabpanel" class="tab-pane active" id="netdata_cpu">
846 <div class="mysparkline">
847 <div class="mysparkline-overchart-label">
848 <b>EU - London</b>, CPU % of a single core
850 <div class="mysparkline-overchart-value" id="users.cpu.netdata1" >
852 <div data-netdata="apps.cpu"
853 data-dimensions="netdata"
854 data-host="//london.my-netdata.io"
855 data-chart-library="dygraph"
856 data-dygraph-theme="sparkline"
857 data-dygraph-type="area"
861 data-colors="#558855"
862 data-show-value-of-netdata-at="users.cpu.netdata1"
866 <div class="mysparkline">
867 <div class="mysparkline-overchart-label">
868 <b>US - Atlanta</b>, CPU % of a single core
870 <div class="mysparkline-overchart-value" id="users.cpu.netdata2" >
872 <div data-netdata="apps.cpu"
873 data-dimensions="netdata"
874 data-host="//atlanta.my-netdata.io"
875 data-chart-library="dygraph"
876 data-dygraph-theme="sparkline"
877 data-dygraph-type="area"
881 data-colors="#885555"
882 data-show-value-of-netdata-at="users.cpu.netdata2"
886 <div class="mysparkline">
887 <div class="mysparkline-overchart-label">
888 <b>US - California</b>, CPU % of a single core
890 <div class="mysparkline-overchart-value" id="users.cpu.netdata3" >
892 <div data-netdata="apps.cpu"
893 data-dimensions="netdata"
894 data-host="//sanfrancisco.netdata.rocks"
895 data-chart-library="dygraph"
896 data-dygraph-theme="sparkline"
897 data-dygraph-type="area"
901 data-colors="#555588"
902 data-show-value-of-netdata-at="users.cpu.netdata3"
906 <div class="mysparkline">
907 <div class="mysparkline-overchart-label">
908 <b>Toronto</b>, CPU % of a single core
910 <div class="mysparkline-overchart-value" id="users.cpu.netdata4" >
912 <div data-netdata="apps.cpu"
913 data-dimensions="netdata"
914 data-host="//toronto.netdata.rocks"
915 data-chart-library="dygraph"
916 data-dygraph-theme="sparkline"
917 data-dygraph-type="area"
921 data-colors="#885588"
922 data-show-value-of-netdata-at="users.cpu.netdata4"
926 <div style="width: 100%; text-align: right; font-size: 1vw;">
927 <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>!
928 <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.
929 <br/>and including the chart refreshes for the dashboards of all viewers.</i>
933 <div role="tabpanel" class="tab-pane" id="netdata_avgtime">
934 <div class="mysparkline">
935 <div class="mysparkline-overchart-label">
936 <b>EU - London</b>, API average response time in milliseconds
938 <div class="mysparkline-overchart-value" id="netdata.response_time1" >
940 <div data-netdata="netdata.response_time"
941 data-host="//london.my-netdata.io"
942 data-chart-library="dygraph"
943 data-dygraph-theme="sparkline"
944 data-dygraph-type="area"
948 data-colors="#558855 #356835"
949 data-show-value-of-average-at="netdata.response_time1"
953 <div class="mysparkline">
954 <div class="mysparkline-overchart-label">
955 <b>US - Atlanta</b>, API average response time in milliseconds
957 <div class="mysparkline-overchart-value" id="netdata.response_time2" >
959 <div data-netdata="netdata.response_time"
960 data-host="//atlanta.my-netdata.io"
961 data-chart-library="dygraph"
962 data-dygraph-theme="sparkline"
963 data-dygraph-type="area"
967 data-colors="#885555 #683535"
968 data-show-value-of-average-at="netdata.response_time2"
972 <div class="mysparkline">
973 <div class="mysparkline-overchart-label">
974 <b>US - California</b>, API average response time in milliseconds
976 <div class="mysparkline-overchart-value" id="netdata.response_time3" >
978 <div data-netdata="netdata.response_time"
979 data-host="//sanfrancisco.netdata.rocks"
980 data-chart-library="dygraph"
981 data-dygraph-theme="sparkline"
982 data-dygraph-type="area"
986 data-colors="#555588 #353568"
987 data-show-value-of-average-at="netdata.response_time3"
991 <div class="mysparkline">
992 <div class="mysparkline-overchart-label">
993 <b>Canada</b>, API average response time in milliseconds
995 <div class="mysparkline-overchart-value" id="netdata.response_time4" >
997 <div data-netdata="netdata.response_time"
998 data-host="//toronto.netdata.rocks"
999 data-chart-library="dygraph"
1000 data-dygraph-theme="sparkline"
1001 data-dygraph-type="area"
1005 data-colors="#885588 #683568"
1006 data-show-value-of-average-at="netdata.response_time4"
1010 <div style="width: 100%; text-align: right; font-size: 1vw;">
1011 <i class="fa fa-comment" aria-hidden="true"></i> <i>netdata is really <b>fast</b> (the values are milliseconds!)
1013 These values include everything, from the reception of the first byte to the dispatch of the last, including gzip compression.
1015 Values above 2-3ms are usually chart refreshes of charts with several dimensions, charts with very long durations (zoomed out), or file transfers.
1021 <div style="padding-top: 6vw; width: 100%; text-align: center; font-size: 2vw;">
1024 jump to <a href="https://github.com/firehol/netdata/">the netdata page at github</a>
1026 it needs just 3 mins to be installed on your servers!
1033 // google analytics when this is used for the home page of the demo sites
1034 // you don't need this if you customize this dashboard for your needs
1035 setTimeout(function() {
1036 (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
1037 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
1038 m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
1039 })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
1041 ga('create', 'UA-64295674-3', 'auto');
1042 ga('send', 'pageview');