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