web/demosites.html

   1 <!doctype html>
   2 <html lang=en-us>
   3 <meta charset=utf-8>
   4 <title>NetData - Real-time performance monitoring, done right!</title>
   5 <meta name=description
   6       content="Stunning real-time dashboards, blazingly fast and extremely interactive. Zero configuration, zero dependencies, zero maintenance.">
   7 <meta name=viewport content="width=device-width,initial-scale=1">
   8 <link rel=apple-touch-icon href=apple-touch-icon.png>
   9
  10 <style>/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
  11 html {
  12     line-height: 1.15;
  13     -ms-text-size-adjust: 100%;
  14     -webkit-text-size-adjust: 100%;
  15     color: #fff;
  16     font: 17px/1.4 'Open Sans', sans-serif;
  17     text-align: center
  18 }
  19
  20 body {
  21     margin: 0;
  22     background-color: #2f3135;
  23     background-image: url(data:image/png;base64,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)
  24 }
  25
  26 a {
  27     background-color: transparent;
  28     -webkit-text-decoration-skip: objects;
  29     color: #069;
  30     text-decoration: none
  31 }
  32
  33 a:active, a:hover {
  34     outline-width: 0
  35 }
  36
  37 strong {
  38     font-weight: bolder
  39 }
  40
  41 h1 {
  42     font-size: 3em;
  43     line-height: 1.2em;
  44     margin: 0 .5em .75em
  45 }
  46
  47 img {
  48     border-style: none;
  49     vertical-align: middle
  50 }
  51
  52 [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
  53     border-style: none;
  54     padding: 0
  55 }
  56
  57 [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
  58     outline: 1px dotted ButtonText
  59 }
  60
  61 a:active, a:focus, a:hover {
  62     text-decoration: underline
  63 }
  64
  65 ::-moz-selection {
  66     background-color: #b3d4fc;
  67     text-shadow: none
  68 }
  69
  70 ::selection {
  71     background-color: #b3d4fc;
  72     text-shadow: none
  73 }
  74
  75 h2 {
  76     font-size: 2em;
  77     margin: 1.5em 0
  78 }
  79
  80 h3 {
  81     color: #555;
  82     font-size: 1.25em;
  83     margin: 0 0 .5em
  84 }
  85
  86 p {
  87     margin: 0 0 2em
  88 }
  89
  90 .grid {
  91     margin: 0 -15px;
  92     letter-spacing: -.31em;
  93     word-spacing: -.43em;
  94     text-rendering: optimizespeed
  95 }
  96
  97 .grid-cell {
  98     display: inline-block;
  99     letter-spacing: normal;
 100     text-align: left;
 101     text-rendering: auto;
 102     vertical-align: top;
 103     width: 50%;
 104     word-spacing: normal
 105 }
 106
 107 .grid-cell > * {
 108     padding: 0 15px
 109 }
 110
 111 .inline-block-list {
 112     list-style-type: none;
 113     margin: 0;
 114     padding: 0
 115 }
 116
 117 .inline-block-list li {
 118     display: inline-block;
 119     margin: 0 0 0 1.5em;
 120     padding: 0;
 121     vertical-align: top
 122 }
 123
 124 .inline-block-list li:first-child {
 125     margin-left: 0
 126 }
 127
 128 .flex-embed {
 129     background-color: #000;
 130     box-shadow: 0 0 10px #000;
 131     height: 0;
 132     overflow: hidden;
 133     padding-bottom: 56.25%;
 134     position: relative
 135 }
 136
 137 .flex-embed a, .flex-embed img {
 138     bottom: 0;
 139     height: 100%;
 140     left: 0;
 141     position: absolute;
 142     top: 0;
 143     width: 100%
 144 }
 145
 146 .flex-embed .play-btn {
 147     background: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjMDAwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBkPSJNMjU2LDkyLjQ4MWM0NC40MzMsMCw4Ni4xOCwxNy4wNjgsMTE3LjU1Myw0OC4wNjRDNDA0Ljc5NCwxNzEuNDExLDQyMiwyMTIuNDEzLDQyMiwyNTUuOTk5cy0xNy4yMDYsODQuNTg4LTQ4LjQ0OCwxMTUuNDU1Yy0zMS4zNzIsMzAuOTk0LTczLjEyLDQ4LjA2NC0xMTcuNTUyLDQ4LjA2NHMtODYuMTc5LTE3LjA3LTExNy41NTItNDguMDY0QzEwNy4yMDYsMzQwLjU4Nyw5MCwyOTkuNTg1LDkwLDI1NS45OTlzMTcuMjA2LTg0LjU4OCw0OC40NDgtMTE1LjQ1M0MxNjkuODIxLDEwOS41NSwyMTEuNTY4LDkyLjQ4MSwyNTYsOTIuNDgxIE0yNTYsNTIuNDgxIGMtMTEzLjc3MSwwLTIwNiw5MS4xMTctMjA2LDIwMy41MThjMCwxMTIuMzk4LDkyLjIyOSwyMDMuNTIsMjA2LDIwMy41MmMxMTMuNzcyLDAsMjA2LTkxLjEyMSwyMDYtMjAzLjUyQzQ2MiwxNDMuNTk5LDM2OS43NzIsNTIuNDgxLDI1Niw1Mi40ODFMMjU2LDUyLjQ4MXogTTIwNi41NDQsMzU3LjE2MVYxNTkuODMzbDE2MC45MTksOTguNjY2TDIwNi41NDQsMzU3LjE2MXoiPjwvcGF0aD48L3N2Zz4K);
 148     height: 150px;
 149     left: 50%;
 150     margin-left: -75px;
 151     margin-top: -75px;
 152     position: absolute;
 153     top: 50%;
 154     -webkit-transition: 1s;
 155     transition: 1s;
 156     width: 150px
 157 }
 158
 159 .flex-embed:hover .play-btn {
 160     opacity: .5
 161 }
 162
 163 .clearfix:after, .clearfix:before {
 164     content: ' ';
 165     display: table
 166 }
 167
 168 .clearfix:after {
 169     clear: both
 170 }
 171
 172 .clearfix {
 173     *zoom: 1
 174 }
 175
 176 .container {
 177     margin: 0 auto;
 178     max-width: 760px;
 179     padding: 0 10px
 180 }
 181
 182 .aside {
 183     background-color: #eee;
 184     border: solid #e3e3e3;
 185     border-width: 1px 0;
 186     font-size: 1.125em;
 187     padding: 1em 0
 188 }
 189
 190 .btn, .cta-option {
 191     display: inline-block;
 192     position: relative
 193 }
 194
 195 .cta-option {
 196     margin: 2.5em .5em 0;
 197     vertical-align: top
 198 }
 199
 200 .btn {
 201     color: #fff;
 202     font-size: 1.5em;
 203     padding: .6em 1em;
 204     text-decoration: none;
 205     text-shadow: 0 -1px 0 rgba(0, 0, 0, .5);
 206     vertical-align: middle;
 207     border-radius: 4px;
 208     border: 1px solid #333
 209 }
 210
 211 .btn:active, .btn:focus, .btn:hover {
 212     text-decoration: none
 213 }
 214
 215 .btn-download {
 216     background-color: #d9750b;
 217     background-image: -webkit-linear-gradient(#f90 10%, #e76a00 100%);
 218     background-image: linear-gradient(#f90 10%, #e76a00 100%);
 219     box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset, 0 1px 3px rgba(0, 0, 0, .2);
 220     border: 1px solid #995309
 221 }
 222
 223 .btn-download:active, .btn-download:focus, .btn-download:hover {
 224     background-color: #e0811b;
 225     background-image: -webkit-linear-gradient(#f0a100 10%, #f70 100%);
 226     background-image: linear-gradient(#f0a100 10%, #f70 100%)
 227 }
 228
 229 .btn-download:active {
 230     background-color: #cf6a00;
 231     box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .2) inset
 232 }
 233
 234 .btn-alt {
 235     background-color: #444;
 236     border-color: #222;
 237     box-shadow: none;
 238     font-size: 1.25em;
 239     margin-top: .25em
 240 }
 241
 242 .btn-alt:active, .btn-alt:focus, .btn-alt:hover {
 243     background-color: #555
 244 }
 245
 246 .star {
 247     color: #e08524
 248 }
 249
 250 .Icon {
 251     display: inline-block;
 252     height: 16px;
 253     margin: -3px 1px 0 0;
 254     vertical-align: middle;
 255     width: 16px
 256 }
 257
 258 .Icon--github {
 259     background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMjEgMTIxIj48ZyBmaWxsPSIjMTkxNzE3Ij48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTYwLjUgMS42Yy0zMy4zIDAtNjAuNCAyNy02MC40IDYwLjQgMCAyNi43IDE3LjMgNDkuMyA0MS4zIDU3LjMgMyAuNiA0LjEtMS4zIDQuMS0yLjkgMC0xLjQtLjEtNi4yLS4xLTExLjItMTYuNyAzLjYtMjAuMy03LjItMjAuMy03LjItMi43LTctNi43LTguOC02LjctOC44LTUuNS0zLjcuNC0zLjcuNC0zLjcgNi4xLjQgOS4zIDYuMiA5LjMgNi4yIDUuNCA5LjIgMTQuMSA2LjYgMTcuNiA1IC41LTMuOSAyLjEtNi42IDMuOC04LjEtMTMuNC0xLjQtMjcuNS02LjYtMjcuNS0yOS44IDAtNi42IDIuNC0xMiA2LjItMTYuMi0uNi0xLjUtMi43LTcuNy42LTE2IDAgMCA1LjEtMS42IDE2LjYgNi4yIDQuOC0xLjMgMTAtMiAxNS4xLTJzMTAuMy43IDE1LjEgMmMxMS41LTcuOCAxNi42LTYuMiAxNi42LTYuMiAzLjMgOC4zIDEuMiAxNC41LjYgMTYgMy45IDQuMiA2LjIgOS42IDYuMiAxNi4yIDAgMjMuMi0xNC4xIDI4LjMtMjcuNSAyOS44IDIuMiAxLjkgNC4xIDUuNSA0LjEgMTEuMiAwIDguMS0uMSAxNC42LS4xIDE2LjYgMCAxLjYgMS4xIDMuNSA0LjEgMi45IDI0LTggNDEuMy0zMC42IDQxLjMtNTcuMyAwLTMzLjQtMjctNjAuNC02MC40LTYwLjR6Ii8+PHBhdGggZD0iTTIzIDg4LjNjLS4xLjMtLjYuNC0xIC4ycy0uNy0uNi0uNS0uOWMuMS0uMy42LS40IDEtLjJzLjYuNi41Ljl6bS0uOC0uNU0yNS40IDkxYy0uMy4zLS45LjEtMS4yLS4zLS40LS40LS41LTEtLjItMS4zLjMtLjMuOC0uMSAxLjIuMy41LjUuNSAxLjEuMiAxLjN6bS0uNS0uNk0yNy44IDk0LjVjLS40LjMtMSAwLTEuMy0uNS0uNC0uNS0uNC0xLjIgMC0xLjQuNC0uMyAxIDAgMS4zLjUuNC41LjQgMS4xIDAgMS40em0wIDBNMzEuMSA5Ny45Yy0uMy40LTEgLjMtMS42LS4yLS41LS41LS43LTEuMi0uMy0xLjUuMy0uNCAxLS4zIDEuNi4yLjUuNC42IDEuMS4zIDEuNXptMCAwTTM1LjYgOTkuOGMtLjEuNS0uOC43LTEuNS41LS43LS4yLTEuMS0uOC0xLTEuMi4xLS41LjgtLjcgMS41LS41LjcuMiAxLjEuNyAxIDEuMnptMCAwTTQwLjUgMTAwLjJjMCAuNS0uNi45LTEuMy45LS43IDAtMS4zLS40LTEuMy0uOXMuNi0uOSAxLjMtLjljLjcgMCAxLjMuNCAxLjMuOXptMCAwTTQ1LjEgOTkuNGMuMS41LS40IDEtMS4xIDEuMS0uNy4xLTEuMy0uMi0xLjQtLjctLjEtLjUuNC0xIDEuMS0xLjEuNy0uMSAxLjMuMiAxLjQuN3ptMCAwIi8+PC9nPjwvc3ZnPgo=)
 260 }
 261
 262 .Icon--html5 {
 263     background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjUwIDEwMSA0MTIgNDEyIj48cGF0aCBmaWxsPSIjRTQ0RDI2IiBkPSJNMTA3LjY0NCA0NzAuODc3bC0zMy4wMTEtMzcwLjI1N2gzNjIuNzM0bC0zMy4wNDYgMzcwLjE5OS0xNDguNTQzIDQxLjE4MXoiLz48cGF0aCBmaWxsPSIjRjE2NTI5IiBkPSJNMjU2IDQ4MC41MjNsMTIwLjAzLTMzLjI3NyAyOC4yNC0zMTYuMzUyaC0xNDguMjd6Ii8+PHBhdGggZmlsbD0iI0VCRUJFQiIgZD0iTTI1NiAyNjguMjE3aC02MC4wOWwtNC4xNS00Ni41MDFoNjQuMjR2LTQ1LjQxMWgtMTEzLjg2OGwxLjA4NyAxMi4xODMgMTEuMTYxIDEyNS4xMzloMTAxLjYyem0wIDExNy45MzZsLS4xOTkuMDUzLTUwLjU3NC0xMy42NTYtMy4yMzMtMzYuMjE3aC00NS41ODVsNi4zNjIgNzEuMzAxIDkzLjAyIDI1LjgyMy4yMDktLjA1OHoiLz48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMjU1Ljg0MyAyNjguMjE3djQ1LjQxaDU1LjkxOGwtNS4yNzEgNTguODk0LTUwLjY0NyAxMy42N3Y0Ny4yNDRsOTMuMDk0LTI1LjgwMS42ODMtNy42NzIgMTAuNjcxLTExOS41NTEgMS4xMDgtMTIuMTk0aC0xMi4yMzd6bTAtOTEuOTEydjQ1LjQxMWgxMDkuNjg4bC45MTEtMTAuMjA3IDIuMDY5LTIzLjAyMSAxLjA4Ni0xMi4xODN6Ii8+PC9zdmc+Cg==)
 264 }
 265
 266 .Icon--stackoverflow {
 267     background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjMgMi44IDU4LjIgNTgiPjxwYXRoIGQ9Ik05LjMwNSAzNi44NDhsNC40MDEuMDQzLS4xNTMgMTkuNTk4aDI5LjI5MXYtMTkuNTI4aDQuNjM4djI0LjI4N2gtMzguMjAxbC4wMjQtMjQuNDAxem03LjE3NyAxMS41ODZoMjIuOTQ1djQuODgyaC0yMi45NDV6IiBmaWxsPSIjOTE5MTkxIi8+PHBhdGggZmlsbD0iI2E3OGI2OCIgZD0iTTE3LjAyIDM5LjY0OGwyMi45NiAyLjIxNi0uNDgxIDQuOTgxLTIyLjk2LTIuMjE2eiIvPjxwYXRoIGZpbGw9IiNjMTk2NTMiIGQ9Ik0xOS4xMjEgMjkuNzEzbDIyLjIgNi4yNjYtMS4zNTkgNC44MTYtMjIuMi02LjI2NnoiLz48cGF0aCBmaWxsPSIjZDQ4YzI4IiBkPSJNMjQuNTAxIDE4LjQ4NGwxOS43NDUgMTEuOTI2LTIuNTg3IDQuMjgzLTE5Ljc0NS0xMS45MjZ6Ii8+PHBhdGggZmlsbD0iI2ZlODkwOCIgZD0iTTM1LjczMyA3Ljg0OWwxMy40MzUgMTguNzUxLTQuMDY4IDIuOTE0LTEzLjQzNS0xOC43NTF6Ii8+PHBhdGggZmlsbD0iI2ZmN2ExNSIgZD0iTTUxLjM0IDIuNzUxbDMuODAyIDIyLjc1Mi00LjkzNi44MjUtMy44MDItMjIuNzUyeiIvPjwvc3ZnPgo=)
 268 }
 269
 270 .site-header {
 271     padding-top: 50px
 272 }
 273
 274 .site-logo {
 275     color: #fff;
 276     float: left;
 277     font-size: 25px;
 278     font-weight: 700;
 279     line-height: 32px;
 280     text-decoration: none;
 281     text-shadow: 2px 2px 0 #000;
 282     text-transform: uppercase
 283 }
 284
 285 .site-nav {
 286     float: right;
 287     list-style-type: none;
 288     margin: 7px 0 0;
 289     padding: 0
 290 }
 291
 292 .site-nav a {
 293     color: #ffa000;
 294     display: block;
 295     text-decoration: none;
 296     text-transform: uppercase
 297 }
 298
 299 .site-nav a:active, .site-nav a:focus, .site-nav a:hover {
 300     color: #fff
 301 }
 302
 303 .site-promo {
 304     padding: 4em 0 6em;
 305     color: white;
 306 }
 307
 308 .site-promo .description {
 309     color: #ddd;
 310     font-size: 1.2em;
 311     margin: 1em 2em 0
 312 }
 313
 314 .last-update {
 315     color: #999;
 316     display: block;
 317     font-size: .75em;
 318     margin-top: 10px
 319 }
 320
 321 .site-section {
 322     background-color: #f9f9f9;
 323     color: #333;
 324     overflow: hidden;
 325     padding: 2em 0 6em
 326 }
 327
 328 .site-section-video {
 329     background-color: transparent;
 330     color: #fff;
 331     text-align: center;
 332     padding: 2em 0 3em
 333 }
 334
 335 .site-section-video .content {
 336     max-width: 720px;
 337     margin: auto;
 338     padding: 10px
 339 }
 340
 341 .site-section-video h2 {
 342     margin: 1em 0
 343 }
 344
 345 .in-the-wild {
 346     font-size: 1.25em;
 347     margin: 0 auto;
 348     max-width: 720px
 349 }
 350
 351 .site-footer {
 352     font-size: .875em;
 353     padding: 2em
 354 }
 355
 356 .site-footer a {
 357     color: #ffa000
 358 }
 359
 360 @media only screen and (max-width: 800px) {
 361     .site-logo, .site-nav {
 362         float: none
 363     }
 364
 365     .site-nav li {
 366         margin: 0 .5em
 367     }
 368
 369     .site-header {
 370         padding-top: 40px
 371     }
 372
 373     .site-promo {
 374         padding: 3em 0;
 375         color: white;
 376     }
 377
 378     .site-section {
 379         padding: 0 1em 4em
 380     }
 381 }
 382
 383 @media only screen and (max-width: 600px) {
 384     html {
 385         font-size: 14px
 386     }
 387
 388     .last-update, .site-footer {
 389         font-size: 1em
 390     }
 391 }
 392
 393 @media only screen and (max-width: 460px) {
 394     .grid-cell {
 395         width: 100%
 396     }
 397 }
 398
 399 @media only screen and (max-width: 420px) {
 400     h1 {
 401         font-size: 2.5em
 402     }
 403
 404     html {
 405         font-size: 13px
 406     }
 407 }
 408
 409 @media print {
 410     * {
 411         background-color: transparent !important;
 412         box-shadow: none !important;
 413         color: #000 !important;
 414         text-shadow: none !important
 415     }
 416
 417     a, a:visited {
 418         text-decoration: underline
 419     }
 420
 421     img {
 422         page-break-inside: avoid;
 423         max-width: 100% !important
 424     }
 425
 426     h1 {
 427         padding: 1em 0 0
 428     }
 429
 430     .site-promo {
 431         margin: 1em;
 432         padding: 0;
 433         color: white;
 434     }
 435
 436     .site-section {
 437         padding: 0;
 438         margin: 2em 1em
 439     }
 440
 441     .site-section-video {
 442         display: none
 443     }
 444
 445     h2, h3, p {
 446         orphans: 3;
 447         widows: 3
 448     }
 449
 450     h2, h3 {
 451         page-break-after: avoid
 452     }
 453 }
 454 </style>
 455
 456 <script>
 457     // --- OPTIONS FOR THE DASHBOARD --
 458
 459     // this section has to appear before loading dashboard.js
 460
 461     // Select a theme.
 462     // uncomment on of the two themes:
 463
 464     // var netdataTheme = 'default'; // this is white
 465     var netdataTheme = 'slate'; // this is dark
 466
 467     var netdataNoBootstrap = true;
 468
 469     // Set the default netdata server.
 470     // on charts without a 'data-host', this one will be used.
 471     // the default is the server that dashboard.js is downloaded from.
 472
 473     // var netdataServer = 'http://my.server:19999/';
 474 </script>
 475
 476 <!--
 477     --- LOAD dashboard.js ---
 478
 479     to host this HTML file on your web server,
 480     you have to load dashboard.js from the netdata server.
 481
 482     So, pick one the two below
 483     If you pick the first, set the server name/IP.
 484
 485     The second assumes you host this file on /usr/share/netdata/web
 486     and that you have chown it to be owned by netdata:netdata
 487 -->
 488 <!-- <script type="text/javascript" src="http://my.server:19999/dashboard.js"></script> -->
 489 <script type="text/javascript" src="dashboard.js?v20161112-1"></script>
 490
 491 <script>
 492     // --- OPTIONS FOR THE CHARTS --
 493
 494     // destroy charts not shown (lowers memory on the browsers)
 495     // set this to 'true' to destroy, 'false' to hide the charts
 496     NETDATA.options.current.destroy_on_hide = false;
 497
 498     // set this to false, to always show all dimensions
 499     NETDATA.options.current.eliminate_zero_dimensions = true;
 500
 501     // set this to false, to lower the pressure on the browser
 502     NETDATA.options.current.concurrent_refreshes = true;
 503
 504     // if you need to support slow mobile phones, set this to false
 505     NETDATA.options.current.parallel_refresher = true;
 506
 507     // set this to false, to always update the charts, even if focus is lost
 508     NETDATA.options.current.stop_updates_when_focus_is_lost = true;
 509
 510     // since we have many servers and limited sockets,
 511     // abort ajax calls when we scroll
 512     NETDATA.options.current.abort_ajax_on_scroll = true;
 513 </script>
 514
 515 <style>
 516     .mygauge-combo {
 517         display: inline-block;
 518     }
 519
 520     .mygauge {
 521         position: relative;
 522         display: block;
 523         width: 171px;
 524         height: 105px;
 525     }
 526
 527     .mygauge-button {
 528         display: block;
 529     }
 530
 531     .mygauge-legend-button {
 532         font-size: 13px;
 533     }
 534
 535     .mygause-donation {
 536         font-size: 9px;
 537         color: #999;
 538     }
 539
 540     .mysparkline {
 541         position: relative;
 542         display: inline-block;
 543         width: 100%;
 544         height: 50px;
 545         text-align: left;
 546     }
 547
 548     .mysparkline-overchart-label {
 549         position: absolute;
 550         display: block;
 551         top: -15px;
 552         left: 10px;
 553         bottom: 0;
 554         right: 0;
 555         font-size: 14px;
 556         z-index: 1;
 557     }
 558
 559     .mysparkline-overchart-value {
 560         position: absolute;
 561         display: block;
 562         top: 0px;
 563         left: 10px;
 564         bottom: 0;
 565         right: 0;
 566         font-size: 40px;
 567         z-index: 2;
 568         text-shadow: #333 0px 0px 2px;
 569     }
 570
 571     .mysparkline-overchart-value-center {
 572         position: absolute;
 573         display: block;
 574         top: 5px;
 575         left: 0px;
 576         bottom: 0;
 577         right: 0;
 578         font-size: 35px;
 579         font-weight: bold;
 580         text-align: center;
 581         z-index: 2;
 582         text-shadow: #333 0px 0px 2px;
 583     }
 584
 585
 586 </style>
 587
 588 <div class=container>
 589     <div class="site-header clearfix" role=banner>
 590         <div class=site-logo>my-netdata.io</div>
 591         <ul class="site-nav inline-block-list">
 592             <li><a href=https://github.com/firehol/netdata data-ga-category="Outbound links"
 593                    data-ga-action="Nav click" data-ga-label="Source code">Source code</a>
 594             <li><a href=https://github.com/firehol/netdata/wiki
 595                    data-ga-category="Outbound links" data-ga-action="Nav click" data-ga-label=Docs>Docs</a>
 596         </ul>
 597     </div>
 598     <div class=site-promo><h1>Linux&#8217;s most powerful performance monitoring</h1>
 599         <p class=description>
 600             <strong>Unparalleled</strong> insights, in <strong>real-time</strong>,
 601             of <strong>everything</strong> happening on your Linux systems and applications,
 602             with <strong>stunning</strong> interactive web dashboards
 603             and powerful <strong>performance</strong> and <strong>health</strong> alarms.
 604         <div class=cta-option>
 605             <a class="btn btn-download" href=https://github.com/firehol/netdata/wiki/Installation
 606                data-ga-category="Outbound links" data-ga-action="Nav click" data-ga-label=Install><strong>Install netdata now</strong></a>
 607             <a class=last-update href=https://github.com/firehol/netdata/releases
 608                data-ga-category="Outbound links" data-ga-action="Nav click" data-ga-label=Releases>See netdata releases</a></div>
 609         <div class=cta-option>
 610             <a class="btn btn-alt" href="#demosites">netdata live demo</a>
 611         </div>
 612     </div>
 613
 614 </div>
 615 <div class=site-section>
 616     <div class=container><h2>Get control of your Linux servers</h2>
 617         <div class=grid>
 618             <div class=grid-cell><h3><span class=star>&#x2605;</span> Monitor everything</h3>
 619                 <p>Analyze thousands of metrics per server.
 620                     Everything about the system (CPU, RAM, disks, network, firewall, QoS, NFS, etc) and detailed performance metrics for dozens of Linux applications
 621                     (such as web servers, databases servers, email servers, DNS servers, etc)
 622                     and <strong>SNMP</strong> devices.
 623             </div>
 624             <div class=grid-cell><h3><span class=star>&#x2605;</span> With alarms</h3>
 625                 <p>Alarms can be set on any metric monitored by netdata.
 626                     Alarm notifications are role-based and support dynamic thresholds, hysteresis and can be dispatched
 627                     via multiple methods (such as email, slack.com, pushover.net, pushbullet.com telegram.org, twilio.com).
 628             </div>
 629             <div class=grid-cell><h3><span class=star>&#x2605;</span> In real-time</h3>
 630                 <p>netdata collects thousands of metrics per server <strong>per second</strong>, with just 1% CPU
 631                     utilization of a single core, a few MB or RAM and no disk I/O at all.
 632                     View everything on <strong>stunning</strong> real-time interactive web dashboards, even when netdata is
 633                     running on low-end hardware.
 634             </div>
 635             <div class=grid-cell><h3><span class=star>&#x2605;</span> Out of the box</h3>
 636                 <p>netdata supports auto-detection for everything. It collects more than 5000 metrics automatically, with
 637                     <strong>zero configuration</strong>, it has <strong>zero dependencies</strong>, requires <strong>zero
 638                         maintenance</strong> and comes with more than 100 alarms pre-configured to detect common
 639                     failures, performance and availability issues.
 640             </div>
 641             <div class=grid-cell><h3><span class=star>&#x2605;</span> Embeddable</h3>
 642                 <p>netdata can run anywhere a Linux kernel runs (even IoT) and its charts can be embedded on any web site too.
 643             </div>
 644             <div class=grid-cell><h3><span class=star>&#x2605;</span> Customizable</h3>
 645                 <p>Custom dashboards can be built using simple HTML (no javascript necessary).
 646             </div>
 647             <div class=grid-cell><h3><span class=star>&#x2605;</span> Extensible</h3>
 648                 <p>Anything you can get a number for, can be given to netdata, using its Plugin API (anything can be a netdata plugin, BASH, python, perl, node.js, java, Go, ruby, etc).
 649             </div>
 650             <div class=grid-cell><h3><span class=star>&#x2605;</span> Scalable</h3>
 651                 <p>netdata scales out, your web browser is the central netdata connecting all your servers together.
 652                     netdata can archive its metrics to <strong>graphite</strong> or <strong>opentsdb</strong> at a lower
 653                 rate, to avoid congesting these servers with the amount of data collected.
 654             </div>
 655         </div>
 656     </div>
 657 </div>
 658 <div id="demosites" class="site-section site-section-video"><h2>netdata live demo sites</h2>
 659     <div class="content">
 660         <div class="container" style="text-align: center;">
 661
 662             <div class="mygauge-combo">
 663                 <div class="mygauge">
 664                     <div data-netdata="netdata.requests"
 665                          data-host="//london.my-netdata.io"
 666                          data-title="EU - London"
 667                          data-chart-library="gauge"
 668                          data-decimal-digits="0"
 669                          data-common-max="top-gauges"
 670                          data-width="100%"
 671                          data-after="-300"
 672                          data-points="300"
 673                          data-colors="#558855"
 674                     ></div>
 675                 </div>
 676                 <div class="mygauge-button">
 677                     <br/>&nbsp;<br/>
 678                     <button type="button" class="btn btn-alt mygauge-legend-button" data-toggle="button" aria-pressed="false" autocomplete="off" onclick="window.location='//london.my-netdata.io/default.html'">Enter London!</button>
 679                     <div class="mygause-donation">
 680                         Donated by DigitalOcean.com
 681                     </div>
 682                 </div>
 683             </div>
 684             <div class="mygauge-combo">
 685                 <div class="mygauge">
 686                     <div data-netdata="netdata.requests"
 687                          data-host="//atlanta.my-netdata.io"
 688                          data-title="US - Atlanta"
 689                          data-chart-library="gauge"
 690                          data-decimal-digits="0"
 691                          data-common-max="top-gauges"
 692                          data-width="100%"
 693                          data-after="-300"
 694                          data-points="300"
 695                          data-colors="#AA5555"
 696                     ></div>
 697                 </div>
 698                 <div class="mygauge-button">
 699                     <br/>&nbsp;<br/>
 700                     <button type="button" class="btn btn-alt mygauge-legend-button" data-toggle="button" aria-pressed="false" autocomplete="off" onclick="window.location='//atlanta.my-netdata.io/default.html'">Enter Atlanta!</button>
 701                     <div class="mygause-donation">
 702                         Donated by CDN77.com
 703                     </div>
 704                 </div>
 705             </div>
 706             <div class="mygauge-combo">
 707                 <div class="mygauge">
 708                     <div data-netdata="netdata.requests"
 709                          data-host="//sanfrancisco.netdata.rocks"
 710                          data-title="US - California"
 711                          data-chart-library="gauge"
 712                          data-decimal-digits="0"
 713                          data-common-max="top-gauges"
 714                          data-width="100%"
 715                          data-after="-300"
 716                          data-points="300"
 717                          data-colors="#5555AA"
 718                     ></div>
 719                 </div>
 720                 <div class="mygauge-button">
 721                     <br/>&nbsp;<br/>
 722                     <button type="button" class="btn btn-alt mygauge-legend-button" data-toggle="button" aria-pressed="false" autocomplete="off" onclick="window.location='//sanfrancisco.netdata.rocks/default.html'">Enter California!</button>
 723                     <div class="mygause-donation">
 724                         Donated by DigitalOcean.com
 725                     </div>
 726                 </div>
 727             </div>
 728             <div class="mygauge-combo">
 729                 <div class="mygauge">
 730                     <div data-netdata="netdata.requests"
 731                          data-host="//toronto.netdata.rocks"
 732                          data-title="Canada"
 733                          data-chart-library="gauge"
 734                          data-decimal-digits="0"
 735                          data-common-max="top-gauges"
 736                          data-width="100%"
 737                          data-after="-300"
 738                          data-points="300"
 739                          data-colors="#885588"
 740                     ></div>
 741                 </div>
 742                 <div class="mygauge-button">
 743                     <br/>&nbsp;<br/>
 744                     <button type="button" class="btn btn-alt mygauge-legend-button" data-toggle="button" aria-pressed="false" autocomplete="off" onclick="window.location='//toronto.netdata.rocks/default.html'">Enter Canada!</button>
 745                     <div class="mygause-donation">
 746                         Donated by DigitalOcean.com
 747                     </div>
 748                 </div>
 749             </div>
 750             <br/>&nbsp;<br/>
 751             <div class="mygauge-combo">
 752                 <div class="mygauge">
 753                     <div data-netdata="netdata.requests"
 754                          data-host="//frankfurt.netdata.rocks"
 755                          data-title="EU - Germany"
 756                          data-chart-library="easypiechart"
 757                          data-decimal-digits="0"
 758                          data-common-max="top-gauges"
 759                          data-width="75%"
 760                          data-after="-300"
 761                          data-points="300"
 762                          data-colors="#AAAA55"
 763                     ></div>
 764                 </div>
 765                 <div class="mygauge-button">
 766                     <br/>&nbsp;<br/>
 767                     <button type="button" class="btn btn-alt mygauge-legend-button" data-toggle="button" aria-pressed="false" autocomplete="off" onclick="window.location='//frankfurt.netdata.rocks/default.html'">Enter Germany!</button>
 768                     <div class="mygause-donation">
 769                         Donated by DigitalOcean.com
 770                     </div>
 771                 </div>
 772             </div>
 773             <div class="mygauge-combo">
 774                 <div class="mygauge">
 775                     <div data-netdata="netdata.requests"
 776                          data-host="//newyork.netdata.rocks"
 777                          data-title="US - New York"
 778                          data-chart-library="easypiechart"
 779                          data-decimal-digits="0"
 780                          data-common-max="top-gauges"
 781                          data-width="75%"
 782                          data-after="-300"
 783                          data-points="300"
 784                          data-colors="#BB5533"
 785                     ></div>
 786                 </div>
 787                 <div class="mygauge-button">
 788                     <br/>&nbsp;<br/>
 789                     <button type="button" class="btn btn-alt mygauge-legend-button" data-toggle="button" aria-pressed="false" autocomplete="off" onclick="window.location='//newyork.netdata.rocks/default.html'">Enter New York!</button>
 790                     <div class="mygause-donation">
 791                         Donated by DigitalOcean.com
 792                     </div>
 793                 </div>
 794             </div>
 795             <div class="mygauge-combo">
 796                 <div class="mygauge">
 797                     <div data-netdata="netdata.requests"
 798                          data-host="//singapore.netdata.rocks"
 799                          data-title="Singapore"
 800                          data-chart-library="easypiechart"
 801                          data-decimal-digits="0"
 802                          data-common-max="top-gauges"
 803                          data-width="75%"
 804                          data-after="-300"
 805                          data-points="300"
 806                          data-colors="#5588BB"
 807                     ></div>
 808                 </div>
 809                 <div class="mygauge-button">
 810                     <br/>&nbsp;<br/>
 811                     <button type="button" class="btn btn-alt mygauge-legend-button" data-toggle="button" aria-pressed="false" autocomplete="off" onclick="window.location='//singapore.netdata.rocks/default.html'">Enter Singapore!</button>
 812                     <div class="mygause-donation">
 813                         Donated by DigitalOcean.com
 814                     </div>
 815                 </div>
 816             </div>
 817             <div class="mygauge-combo">
 818                 <div class="mygauge">
 819                     <div data-netdata="netdata.requests"
 820                          data-host="//bangalore.netdata.rocks"
 821                          data-title="India"
 822                          data-chart-library="easypiechart"
 823                          data-decimal-digits="0"
 824                          data-common-max="top-gauges"
 825                          data-width="75%"
 826                          data-after="-300"
 827                          data-points="300"
 828                          data-colors="#BB55BB"
 829                     ></div>
 830                 </div>
 831                 <div class="mygauge-button">
 832                     <br/>&nbsp;<br/>
 833                     <button type="button" class="btn btn-alt mygauge-legend-button" data-toggle="button" aria-pressed="false" autocomplete="off" onclick="window.location='//bangalore.netdata.rocks/default.html'">Enter India!</button>
 834                     <div class="mygause-donation">
 835                         Donated by DigitalOcean.com
 836                     </div>
 837                 </div>
 838             </div>
 839         </div>
 840         <div class="container" style="padding-top: 40px; text-align: center;">
 841             Charts are coming from 8 servers, in parallel.
 842             <br/>
 843             The servers are not aware of this multi-server dashboard.
 844             <br/>
 845             Each server is not aware of the other servers.
 846             <br/>
 847             But on this dashboard <b>they are one</b>! (hover on the chart below)
 848         </div>
 849
 850         <div class="container" style="padding-top: 40px; text-align: center;">
 851             <div class="mysparkline">
 852                 <div class="mysparkline-overchart-label">
 853                     <b>EU - London</b> connected clients
 854                 </div>
 855                 <div class="mysparkline-overchart-value" id="nginx_local.connections.netdata" >
 856                 </div>
 857                 <div data-netdata="nginx_local.connections"
 858                      data-dimensions="active"
 859                      data-host="//london.my-netdata.io"
 860                      data-decimal-digits="0"
 861                      data-common-max="web-connections"
 862                      data-chart-library="dygraph"
 863                      data-dygraph-theme="sparkline"
 864                      data-dygraph-type="area"
 865                      data-width="100%"
 866                      data-height="100%"
 867                      data-after="-300"
 868                      data-colors="#558855"
 869                      data-show-value-of-active-at="nginx_local.connections.netdata"
 870                 ></div>
 871             </div>
 872         </div>
 873     </div>
 874 </div>
 875
 876 <div class=site-section><h2>Who uses netdata?</h2>
 877     <div class="content">
 878         <div class="container" style="text-align: center;">
 879             <div class="container" style="padding-top: 40px; text-align: center; width: 30%; min-width: 230px; display: inline-block;">
 880                 <div class="mysparkline">
 881                     <div class="mysparkline-overchart-label">
 882                         netdata <b>unique users</b>
 883                     </div>
 884                     <div class="mysparkline-overchart-value-center" id="netdata.registry_entries.persons.netdata" >
 885                     </div>
 886                     <div data-netdata="netdata.registry_entries"
 887                          data-dimensions="persons"
 888                          data-host="//london.my-netdata.io"
 889                          data-decimal-digits="0"
 890                          data-chart-library="dygraph"
 891                          data-dygraph-theme="sparkline"
 892                          data-dygraph-type="area"
 893                          data-width="100%"
 894                          data-height="100%"
 895                          data-after="-300"
 896                          data-colors="#558855"
 897                          data-show-value-of-persons-at="netdata.registry_entries.persons.netdata"
 898                     ></div>
 899                 </div>
 900             </div>
 901             <div class="container" style="padding-top: 40px; text-align: center; width: 30%; min-width: 230px; display: inline-block;">
 902                 <div class="mysparkline">
 903                     <div class="mysparkline-overchart-label">
 904                         netdata <b>monitored servers</b>
 905                     </div>
 906                     <div class="mysparkline-overchart-value-center" id="netdata.registry_entries.machines.netdata" >
 907                     </div>
 908                     <div data-netdata="netdata.registry_entries"
 909                          data-dimensions="machines"
 910                          data-host="//london.my-netdata.io"
 911                          data-decimal-digits="0"
 912                          data-chart-library="dygraph"
 913                          data-dygraph-theme="sparkline"
 914                          data-dygraph-type="area"
 915                          data-width="100%"
 916                          data-height="100%"
 917                          data-after="-300"
 918                          data-colors="#558855"
 919                          data-show-value-of-machines-at="netdata.registry_entries.machines.netdata"
 920                     ></div>
 921                 </div>
 922             </div>
 923             <div class="container" style="padding-top: 40px; text-align: center; width: 30%; min-width: 230px; display: inline-block;">
 924                 <div class="mysparkline">
 925                     <div class="mysparkline-overchart-label">
 926                         netdata <b>sessions served</b>
 927                     </div>
 928                     <div class="mysparkline-overchart-value-center" id="netdata.registry_sessions.sessions.netdata" >
 929                     </div>
 930                     <div data-netdata="netdata.registry_sessions"
 931                          data-dimensions="sessions"
 932                          data-host="//london.my-netdata.io"
 933                          data-decimal-digits="0"
 934                          data-chart-library="dygraph"
 935                          data-dygraph-theme="sparkline"
 936                          data-dygraph-type="area"
 937                          data-width="100%"
 938                          data-height="100%"
 939                          data-after="-300"
 940                          data-colors="#558855"
 941                          data-show-value-of-sessions-at="netdata.registry_sessions.sessions.netdata"
 942                     ></div>
 943                 </div>
 944             </div>
 945             <p>
 946                 <small>figures comes from the <a href="https://github.com/firehol/netdata/wiki/mynetdata-menu-item">netdata public global registry</a></small>
 947
 948         <!--
 949             <embed src="//registry.my-netdata.io/api/v1/badge.svg?chart=netdata.registry_entries&dimensions=persons&label=user%20base&units=null&value_color=blue&precision=0&refresh=30&v42" type="image/svg+xml" height="20" />
 950             <embed src="//registry.my-netdata.io/api/v1/badge.svg?chart=netdata.registry_entries&dimensions=machines&label=servers%20monitored&units=null&value_color=orange&precision=0&refresh=30&v42" type="image/svg+xml" height="20" />
 951             <embed src="//registry.my-netdata.io/api/v1/badge.svg?chart=netdata.registry_sessions&label=sessions%20served&units=null&value_color=yellowgreen&precision=0&refresh=30&v42" type="image/svg+xml" height="20" />
 952             <br/><i>(figures come from <a href="https://github.com/firehol/netdata/wiki/mynetdata-menu-item">the public netdata registry</a> data, showing only installations that use this registry, counting since May 16th 2016)</i>
 953             <br/>
 954         -->
 955             </p>
 956             <p>
 957                 netdata can also generate auto-refreshing <strong><a href="https://github.com/firehol/netdata/wiki/Generating-Badges">badges</a></strong>, like these:
 958             <br/>
 959             <embed style="padding-top: 10px; padding-botton: 25px;" src="//registry.my-netdata.io/api/v1/badge.svg?chart=netdata.registry_entries&dimensions=persons&after=-86400&options=unaligned&group=incremental-sum&label=new%20users%20today&units=null&value_color=blue&precision=0&refresh=60&v42" type="image/svg+xml" height="20" />
 960             <embed style="padding-top: 10px; padding-botton: 25px;" src="//registry.my-netdata.io/api/v1/badge.svg?chart=netdata.registry_entries&dimensions=machines&group=incremental-sum&after=-86400&options=unaligned&label=servers%20added%20today&units=null&value_color=orange&precision=0&refresh=60&v42" type="image/svg+xml" height="20" />
 961             <embed style="padding-top: 10px; padding-botton: 25px;" src="//registry.my-netdata.io/api/v1/badge.svg?chart=netdata.registry_sessions&after=-86400&group=incremental-sum&options=unaligned&label=sessions%20served%20today&units=null&value_color=yellowgreen&precision=0&refresh=60&v42" type="image/svg+xml" height="20" />
 962             <br/>
 963             <small>they auto-refresh every minute</small>
 964             </p>
 965         </div>
 966         <div class="container" style="text-align: center;">
 967                 <strong>netdata</strong> is featured at the <a href="https://octoverse.github.com/">GitHub's state of the Octoverse 2016</a><br/>
 968                 <a href="https://octoverse.github.com/">
 969                 <img src="https://o.twimg.com/2/proxy.jpg?t=HBgzaHR0cDovL29jdG92ZXJzZS5naXRodWIuY29tL2ltYWdlcy9zb2NpYWwtaW1hZ2UucG5nFOASFOYJHBSEBhSUAwAAFgASAA&s=X1yj1YhGM3hclaa29go6EFa2FeJFdwGrzfs_u25L3hs" width="600" style="border-radius: 4px; border: 1px solid #333;"/>
 970                 </a>
 971         </div>
 972         <div class=cta-option>
 973             <a class="btn btn-download" href=https://github.com/firehol/netdata/wiki/Installation
 974                data-ga-category="Outbound links" data-ga-action="Nav click" data-ga-label=Install><strong>Install netdata now</strong></a>
 975         </div>
 976     </div>
 977 </div>
 978 <!-- Place this tag in your head or just before your close body tag. -->
 979 <script async defer src="https://buttons.github.io/buttons.js"></script>
 980 <div class=aside>
 981     <div class=container>
 982         <ul class=inline-block-list>
 983             <li>
 984                 <!-- Place this tag where you want the button to render. -->
 985                 <a class="github-button" href="https://github.com/firehol/netdata" data-icon="octicon-eye" data-style="mega" data-count-href="/firehol/netdata/watchers" data-count-api="/repos/firehol/netdata#subscribers_count" data-count-aria-label="# watchers on GitHub" aria-label="Watch firehol/netdata on GitHub">Watch</a>
 986             </li>
 987             <li>
 988                 <!-- Place this tag where you want the button to render. -->
 989                 <a class="github-button" href="https://github.com/firehol/netdata" data-icon="octicon-star" data-style="mega" data-count-href="/firehol/netdata/stargazers" data-count-api="/repos/firehol/netdata#stargazers_count" data-count-aria-label="# stargazers on GitHub" aria-label="Star firehol/netdata on GitHub">Star</a>
 990             </li>
 991             <li>
 992                 <!-- Place this tag where you want the button to render. -->
 993                 <a class="github-button" href="https://github.com/firehol/netdata/fork" data-icon="octicon-repo-forked" data-style="mega" data-count-href="/firehol/netdata/network" data-count-api="/repos/firehol/netdata#forks_count" data-count-aria-label="# forks on GitHub" aria-label="Fork firehol/netdata on GitHub">Fork</a>
 994             </li>
 995         </ul>
 996     </div>
 997 </div>
 998
 999 <div class=site-footer role=contentinfo>
1000     <p>
1001         <a class=twitter-share-button href=https://twitter.com/share data-count=none data-lang=en data-via=linuxnetdata data-size=large
1002            data-text="netdata: Linux's more powerful performance monitoring" data-url=https://my-netdata.io/ >Tweet</a> &nbsp;
1003         <a class=twitter-follow-button href=https://twitter.com/linuxnetdata data-show-count=false data-lang=en data-size=large>Follow @linuxnetdata</a>
1004     <p>
1005         &copy; 2016 Costa Tsaousis, &lt;costa@tsaousis.gr&gt;<br/>
1006         netdata is released under GPL v3+<br/>
1007 </div>
1008
1009 <script>
1010     // google analytics when this is used for the home page of the demo sites
1011     // you don't need this if you customize this dashboard for your needs
1012     setTimeout(function() {
1013         (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
1014                 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
1015             m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
1016         })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
1017
1018         ga('create', 'UA-64295674-3', 'auto');
1019         ga('send', 'pageview');
1020     }, 2000);
1021 </script>