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