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" target="_blank">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 target="_blank">Docs</a>
 596         </ul>
 597     </div>
 598     <div class=site-promo><h1>Get control<br/>of your Linux servers</h1>
 599         <p class=description>
 600             Simple. Effective.
 601             <br/>&nbsp;<br/>
 602             <strong>Unparalleled</strong> insights, in <strong>real-time</strong>,
 603             of <strong>everything</strong> happening on your Linux systems and applications,
 604             with <strong>stunning</strong> interactive web dashboards
 605             and powerful <strong>performance</strong> and <strong>health</strong> alarms.
 606         <div class=cta-option>
 607             <a class="btn btn-download" href=https://github.com/firehol/netdata/wiki/Installation
 608                data-ga-category="Outbound links" data-ga-action="Nav click" data-ga-label=Install><strong>Install netdata now</strong></a>
 609             <a class=last-update href=https://github.com/firehol/netdata/releases
 610                data-ga-category="Outbound links" data-ga-action="Nav click" data-ga-label=Releases>See netdata releases</a></div>
 611         <div class=cta-option>
 612             <a class="btn btn-alt" href="#demosites">netdata live demo</a>
 613         </div>
 614     </div>
 615
 616 </div>
 617 <div class=site-section>
 618     <div class=container><h2>Linux&#8217;s most powerful<br/>performance monitoring</h2>
 619         <div class=grid>
 620             <div class=grid-cell><h3><span class=star>&#x2605;</span> Monitor everything</h3>
 621                 <p>Analyze thousands of metrics per server.
 622                     Everything about the system (CPU, RAM, disks, network, firewall, QoS, NFS, etc) and detailed performance metrics for dozens of Linux applications
 623                     (such as web servers, databases servers, email servers, DNS servers, etc)
 624                     and <strong>SNMP</strong> devices.
 625             </div>
 626             <div class=grid-cell><h3><span class=star>&#x2605;</span> With alarms</h3>
 627                 <p>Alarms can be set on any metric monitored by netdata.
 628                     Alarm notifications are role-based and support dynamic thresholds, hysteresis and can be dispatched
 629                     via multiple methods (such as email, slack.com, pushover.net, pushbullet.com telegram.org, twilio.com).
 630             </div>
 631             <div class=grid-cell><h3><span class=star>&#x2605;</span> In real-time</h3>
 632                 <p>netdata collects thousands of metrics per server <strong>per second</strong>, with just 1% CPU
 633                     utilization of a single core, a few MB or RAM and no disk I/O at all.
 634                     View everything on <strong>stunning</strong> real-time interactive web dashboards, even when netdata is
 635                     running on low-end hardware.
 636             </div>
 637             <div class=grid-cell><h3><span class=star>&#x2605;</span> Out of the box</h3>
 638                 <p>netdata supports auto-detection for everything. It collects more than 5000 metrics automatically, with
 639                     <strong>zero configuration</strong>, it has <strong>zero dependencies</strong>, requires <strong>zero
 640                         maintenance</strong> and comes with more than 100 alarms pre-configured to detect common
 641                     failures, performance and availability issues.
 642             </div>
 643             <div class=grid-cell><h3><span class=star>&#x2605;</span> Embeddable</h3>
 644                 <p>netdata can run anywhere a Linux kernel runs (even IoT) and its charts can be embedded on any web site too.
 645             </div>
 646             <div class=grid-cell><h3><span class=star>&#x2605;</span> Customizable</h3>
 647                 <p>Custom dashboards can be built using simple HTML (no javascript necessary).
 648             </div>
 649             <div class=grid-cell><h3><span class=star>&#x2605;</span> Extensible</h3>
 650                 <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).
 651             </div>
 652             <div class=grid-cell><h3><span class=star>&#x2605;</span> Scalable</h3>
 653                 <p>netdata scales out, your web browser is the central netdata connecting all your servers together.
 654                     netdata can archive its metrics to <strong>graphite</strong> or <strong>opentsdb</strong> at a lower
 655                 rate, to avoid congesting these servers with the amount of data collected.
 656             </div>
 657         </div>
 658     </div>
 659 </div>
 660 <div id="demosites" class="site-section site-section-video"><h2>netdata live demo sites</h2>
 661     <div class="content">
 662         <div class="container" style="text-align: center;">
 663
 664             <div class="mygauge-combo">
 665                 <div class="mygauge">
 666                     <div data-netdata="netdata.requests"
 667                          data-host="//london.my-netdata.io"
 668                          data-title="EU - London"
 669                          data-chart-library="gauge"
 670                          data-decimal-digits="0"
 671                          data-common-max="top-gauges"
 672                          data-width="100%"
 673                          data-after="-300"
 674                          data-points="300"
 675                          data-colors="#558855"
 676                     ></div>
 677                 </div>
 678                 <div class="mygauge-button">
 679                     <br/>&nbsp;<br/>
 680                     <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>
 681                     <div class="mygause-donation">
 682                         Donated by DigitalOcean.com
 683                     </div>
 684                 </div>
 685             </div>
 686             <div class="mygauge-combo">
 687                 <div class="mygauge">
 688                     <div data-netdata="netdata.requests"
 689                          data-host="//atlanta.my-netdata.io"
 690                          data-title="US - Atlanta"
 691                          data-chart-library="gauge"
 692                          data-decimal-digits="0"
 693                          data-common-max="top-gauges"
 694                          data-width="100%"
 695                          data-after="-300"
 696                          data-points="300"
 697                          data-colors="#AA5555"
 698                     ></div>
 699                 </div>
 700                 <div class="mygauge-button">
 701                     <br/>&nbsp;<br/>
 702                     <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>
 703                     <div class="mygause-donation">
 704                         Donated by CDN77.com
 705                     </div>
 706                 </div>
 707             </div>
 708             <div class="mygauge-combo">
 709                 <div class="mygauge">
 710                     <div data-netdata="netdata.requests"
 711                          data-host="//sanfrancisco.netdata.rocks"
 712                          data-title="US - California"
 713                          data-chart-library="gauge"
 714                          data-decimal-digits="0"
 715                          data-common-max="top-gauges"
 716                          data-width="100%"
 717                          data-after="-300"
 718                          data-points="300"
 719                          data-colors="#5555AA"
 720                     ></div>
 721                 </div>
 722                 <div class="mygauge-button">
 723                     <br/>&nbsp;<br/>
 724                     <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>
 725                     <div class="mygause-donation">
 726                         Donated by DigitalOcean.com
 727                     </div>
 728                 </div>
 729             </div>
 730             <div class="mygauge-combo">
 731                 <div class="mygauge">
 732                     <div data-netdata="netdata.requests"
 733                          data-host="//toronto.netdata.rocks"
 734                          data-title="Canada"
 735                          data-chart-library="gauge"
 736                          data-decimal-digits="0"
 737                          data-common-max="top-gauges"
 738                          data-width="100%"
 739                          data-after="-300"
 740                          data-points="300"
 741                          data-colors="#885588"
 742                     ></div>
 743                 </div>
 744                 <div class="mygauge-button">
 745                     <br/>&nbsp;<br/>
 746                     <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>
 747                     <div class="mygause-donation">
 748                         Donated by DigitalOcean.com
 749                     </div>
 750                 </div>
 751             </div>
 752             <br/>&nbsp;<br/>
 753             <div class="mygauge-combo">
 754                 <div class="mygauge">
 755                     <div data-netdata="netdata.requests"
 756                          data-host="//frankfurt.netdata.rocks"
 757                          data-title="EU - Germany"
 758                          data-chart-library="easypiechart"
 759                          data-decimal-digits="0"
 760                          data-common-max="top-gauges"
 761                          data-width="75%"
 762                          data-after="-300"
 763                          data-points="300"
 764                          data-colors="#AAAA55"
 765                     ></div>
 766                 </div>
 767                 <div class="mygauge-button">
 768                     <br/>&nbsp;<br/>
 769                     <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>
 770                     <div class="mygause-donation">
 771                         Donated by DigitalOcean.com
 772                     </div>
 773                 </div>
 774             </div>
 775             <div class="mygauge-combo">
 776                 <div class="mygauge">
 777                     <div data-netdata="netdata.requests"
 778                          data-host="//newyork.netdata.rocks"
 779                          data-title="US - New York"
 780                          data-chart-library="easypiechart"
 781                          data-decimal-digits="0"
 782                          data-common-max="top-gauges"
 783                          data-width="75%"
 784                          data-after="-300"
 785                          data-points="300"
 786                          data-colors="#BB5533"
 787                     ></div>
 788                 </div>
 789                 <div class="mygauge-button">
 790                     <br/>&nbsp;<br/>
 791                     <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>
 792                     <div class="mygause-donation">
 793                         Donated by DigitalOcean.com
 794                     </div>
 795                 </div>
 796             </div>
 797             <div class="mygauge-combo">
 798                 <div class="mygauge">
 799                     <div data-netdata="netdata.requests"
 800                          data-host="//singapore.netdata.rocks"
 801                          data-title="Singapore"
 802                          data-chart-library="easypiechart"
 803                          data-decimal-digits="0"
 804                          data-common-max="top-gauges"
 805                          data-width="75%"
 806                          data-after="-300"
 807                          data-points="300"
 808                          data-colors="#5588BB"
 809                     ></div>
 810                 </div>
 811                 <div class="mygauge-button">
 812                     <br/>&nbsp;<br/>
 813                     <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>
 814                     <div class="mygause-donation">
 815                         Donated by DigitalOcean.com
 816                     </div>
 817                 </div>
 818             </div>
 819             <div class="mygauge-combo">
 820                 <div class="mygauge">
 821                     <div data-netdata="netdata.requests"
 822                          data-host="//bangalore.netdata.rocks"
 823                          data-title="India"
 824                          data-chart-library="easypiechart"
 825                          data-decimal-digits="0"
 826                          data-common-max="top-gauges"
 827                          data-width="75%"
 828                          data-after="-300"
 829                          data-points="300"
 830                          data-colors="#BB55BB"
 831                     ></div>
 832                 </div>
 833                 <div class="mygauge-button">
 834                     <br/>&nbsp;<br/>
 835                     <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>
 836                     <div class="mygause-donation">
 837                         Donated by DigitalOcean.com
 838                     </div>
 839                 </div>
 840             </div>
 841         </div>
 842         <div class="container" style="padding-top: 40px; text-align: center;">
 843             Charts are coming from 8 servers, in parallel.
 844             <br/>
 845             The servers are not aware of this multi-server dashboard.
 846             <br/>
 847             Each server is not aware of the other servers.
 848             <br/>
 849             But on this dashboard <b>they are one</b>! (hover on the chart below)
 850         </div>
 851
 852         <div class="container" style="padding-top: 40px; text-align: center;">
 853             <div class="mysparkline">
 854                 <div class="mysparkline-overchart-label">
 855                     <b>EU - London</b> connected clients
 856                 </div>
 857                 <div class="mysparkline-overchart-value" id="nginx_local.connections.netdata" >
 858                 </div>
 859                 <div data-netdata="nginx_local.connections"
 860                      data-dimensions="active"
 861                      data-host="//london.my-netdata.io"
 862                      data-decimal-digits="0"
 863                      data-common-max="web-connections"
 864                      data-chart-library="dygraph"
 865                      data-dygraph-theme="sparkline"
 866                      data-dygraph-type="area"
 867                      data-width="100%"
 868                      data-height="100%"
 869                      data-after="-300"
 870                      data-colors="#558855"
 871                      data-show-value-of-active-at="nginx_local.connections.netdata"
 872                 ></div>
 873             </div>
 874         </div>
 875     </div>
 876 </div>
 877
 878 <div class=site-section><h2>Who uses netdata?</h2>
 879     <div class="content">
 880         <div class="container" style="text-align: center;">
 881             <small>Figures come from users using the <a href="https://github.com/firehol/netdata/wiki/mynetdata-menu-item" target="_blank">netdata public global registry</a>.<br/>Actual figures might be a lot higher.<br/></small>
 882             <div class="container" style="padding-top: 40px; text-align: center; width: 30%; min-width: 230px; display: inline-block;">
 883                 <div class="mysparkline">
 884                     <div class="mysparkline-overchart-label">
 885                         netdata <b>unique users</b>
 886                     </div>
 887                     <div class="mysparkline-overchart-value-center" id="netdata.registry_entries.persons.netdata" >
 888                     </div>
 889                     <div data-netdata="netdata.registry_entries"
 890                          data-dimensions="persons"
 891                          data-host="//london.my-netdata.io"
 892                          data-decimal-digits="0"
 893                          data-chart-library="dygraph"
 894                          data-dygraph-theme="sparkline"
 895                          data-dygraph-type="area"
 896                          data-width="100%"
 897                          data-height="100%"
 898                          data-after="-300"
 899                          data-colors="#558855"
 900                          data-show-value-of-persons-at="netdata.registry_entries.persons.netdata"
 901                     ></div>
 902                 </div>
 903             </div>
 904             <div class="container" style="padding-top: 40px; text-align: center; width: 30%; min-width: 230px; display: inline-block;">
 905                 <div class="mysparkline">
 906                     <div class="mysparkline-overchart-label">
 907                         netdata <b>monitored servers</b>
 908                     </div>
 909                     <div class="mysparkline-overchart-value-center" id="netdata.registry_entries.machines.netdata" >
 910                     </div>
 911                     <div data-netdata="netdata.registry_entries"
 912                          data-dimensions="machines"
 913                          data-host="//london.my-netdata.io"
 914                          data-decimal-digits="0"
 915                          data-chart-library="dygraph"
 916                          data-dygraph-theme="sparkline"
 917                          data-dygraph-type="area"
 918                          data-width="100%"
 919                          data-height="100%"
 920                          data-after="-300"
 921                          data-colors="#558855"
 922                          data-show-value-of-machines-at="netdata.registry_entries.machines.netdata"
 923                     ></div>
 924                 </div>
 925             </div>
 926             <div class="container" style="padding-top: 40px; text-align: center; width: 30%; min-width: 230px; display: inline-block;">
 927                 <div class="mysparkline">
 928                     <div class="mysparkline-overchart-label">
 929                         netdata <b>sessions served</b>
 930                     </div>
 931                     <div class="mysparkline-overchart-value-center" id="netdata.registry_sessions.sessions.netdata" >
 932                     </div>
 933                     <div data-netdata="netdata.registry_sessions"
 934                          data-dimensions="sessions"
 935                          data-host="//london.my-netdata.io"
 936                          data-decimal-digits="0"
 937                          data-chart-library="dygraph"
 938                          data-dygraph-theme="sparkline"
 939                          data-dygraph-type="area"
 940                          data-width="100%"
 941                          data-height="100%"
 942                          data-after="-300"
 943                          data-colors="#558855"
 944                          data-show-value-of-sessions-at="netdata.registry_sessions.sessions.netdata"
 945                     ></div>
 946                 </div>
 947             </div>
 948             <p>
 949
 950         <!--
 951             <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" />
 952             <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" />
 953             <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" />
 954             <br/><i>(figures come from <a href="https://github.com/firehol/netdata/wiki/mynetdata-menu-item" target="_blank">the public netdata registry</a> data, showing only installations that use this registry, counting since May 16th 2016)</i>
 955             <br/>
 956         -->
 957             </p>
 958             <p>
 959                 <small>
 960                 netdata can generate auto-refreshing <strong><a href="https://github.com/firehol/netdata/wiki/Generating-Badges" target="_blank">badges</a></strong>, like these:
 961                 </small>
 962             <br/>
 963             <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" />
 964             <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" />
 965             <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" />
 966             <br/>
 967             <small>These badges auto-refresh every minute.</small>
 968             </p>
 969         </div>
 970         <div class="container" style="text-align: center;">
 971                 <strong>netdata</strong> is featured at the <a href="https://octoverse.github.com/" target="_blank">GitHub's state of the Octoverse 2016</a>
 972             <div style="padding-top: 10px;">
 973                 <a href="https://octoverse.github.com/" target="_blank">
 974                 <img src="https://o.twimg.com/2/proxy.jpg?t=HBgzaHR0cDovL29jdG92ZXJzZS5naXRodWIuY29tL2ltYWdlcy9zb2NpYWwtaW1hZ2UucG5nFOASFOYJHBSEBhSUAwAAFgASAA&s=X1yj1YhGM3hclaa29go6EFa2FeJFdwGrzfs_u25L3hs" width="600" style="border-radius: 4px; border: 1px solid #333;"/>
 975                 </a>
 976             </div>
 977         </div>
 978         <div class=cta-option>
 979             <a class="btn btn-download" href=https://github.com/firehol/netdata/wiki/Installation
 980                data-ga-category="Outbound links" data-ga-action="Nav click" data-ga-label=Install><strong>Install netdata now</strong></a>
 981         </div>
 982     </div>
 983 </div>
 984 <!-- Place this tag in your head or just before your close body tag. -->
 985 <script async defer src="https://buttons.github.io/buttons.js"></script>
 986 <div class=aside>
 987     <div class=container>
 988         <ul class=inline-block-list>
 989             <li>
 990                 <!-- Place this tag where you want the button to render. -->
 991                 <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>
 992             </li>
 993             <li>
 994                 <!-- Place this tag where you want the button to render. -->
 995                 <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>
 996             </li>
 997             <li>
 998                 <!-- Place this tag where you want the button to render. -->
 999                 <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>
1000             </li>
1001         </ul>
1002     </div>
1003 </div>
1004
1005 <div class=site-footer role=contentinfo>
1006     <p>
1007         <a class=twitter-share-button href=https://twitter.com/share data-count=none data-lang=en data-via=linuxnetdata data-size=large
1008            data-text="netdata: Linux's more powerful performance monitoring" data-url=https://my-netdata.io/ >Tweet</a> &nbsp;
1009         <a class=twitter-follow-button href=https://twitter.com/linuxnetdata data-show-count=false data-lang=en data-size=large>Follow @linuxnetdata</a>
1010     <p>
1011         &copy; 2016 Costa Tsaousis, &lt;costa@tsaousis.gr&gt;<br/>
1012         netdata is released under GPL v3+<br/>
1013 </div>
1014
1015 <script>
1016     // google analytics when this is used for the home page of the demo sites
1017     // you don't need this if you customize this dashboard for your needs
1018     setTimeout(function() {
1019         (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
1020                 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
1021             m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
1022         })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
1023
1024         ga('create', 'UA-64295674-3', 'auto');
1025         ga('send', 'pageview');
1026     }, 2000);
1027 </script>