web/demosites.html

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