web/demosites.html

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