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?v20161229-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-combo30 {
 543         display: inline-block;
 544         min-width: 150px;
 545         width: 32%;
 546         padding-top: 40px;
 547         text-align: center;
 548     }
 549
 550     .mygauge {
 551         position: relative;
 552         display: block;
 553         width: 171px;
 554         height: 105px;
 555     }
 556
 557     .mygauge-button {
 558         display: block;
 559     }
 560
 561     .mygauge-legend-button {
 562         font-size: 13px;
 563     }
 564
 565     .mygause-donation {
 566         font-size: 9px;
 567         color: #999;
 568     }
 569
 570     .mysparkline {
 571         position: relative;
 572         display: inline-block;
 573         width: 100%;
 574         height: 50px;
 575         text-align: left;
 576     }
 577
 578     .mysparkline-overchart-label {
 579         position: absolute;
 580         display: block;
 581         top: -15px;
 582         left: 10px;
 583         bottom: 0;
 584         right: 0;
 585         font-size: 14px;
 586         z-index: 1;
 587     }
 588
 589     .mysparkline-overchart-value {
 590         position: absolute;
 591         display: block;
 592         top: 0px;
 593         left: 10px;
 594         bottom: 0;
 595         right: 0;
 596         font-size: 40px;
 597         z-index: 2;
 598         text-shadow: #333 0px 0px 2px;
 599     }
 600
 601     .mysparkline-overchart-value-center {
 602         position: absolute;
 603         display: block;
 604         top: 5px;
 605         left: 0px;
 606         bottom: 0;
 607         right: 0;
 608         font-size: 35px;
 609         font-weight: bold;
 610         text-align: center;
 611         z-index: 2;
 612         text-shadow: #333 0px 0px 2px;
 613     }
 614
 615     .fb-share-button span {
 616         top: 0px;
 617     }
 618     .fb-like span {
 619         top: 0px;
 620     }
 621     .fb-follow span {
 622         top: 0px;
 623     }
 624
 625 </style>
 626 </head>
 627 <body>
 628 <div class=container>
 629     <div class="site-header clearfix" role=banner>
 630         <div class=site-logo>my-netdata.io</div>
 631         <ul class="site-nav inline-block-list">
 632             <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>
 633             <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>
 634         </ul>
 635     </div>
 636     <div class=site-promo><h1>Get control<br/>of your Linux servers</h1>
 637         <p class=description>
 638             Simple.
 639             Effective.
 640             Awesome.
 641             <br/>&nbsp;<br/>
 642             <strong>Unparalleled</strong> insights, in <strong>real-time</strong>,
 643             of <strong>everything</strong> happening on your Linux systems and applications,
 644             with stunning, <strong>interactive</strong> web dashboards
 645             and powerful <strong>performance</strong> and <strong>health</strong> alarms.
 646         <div class=cta-option>
 647             <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>
 648             <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>
 649         <div class=cta-option>
 650             <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>
 651         </div>
 652     </div>
 653
 654 </div>
 655 <div class=site-section>
 656     <div class=container><h2>Save time. Run Linux with confidence.</h2>
 657         <div class=grid>
 658             <div class=grid-cell><h3><span class=star>&#x2605;</span> Monitor everything</h3>
 659                 <p>Analyze thousands of metrics per server.
 660                     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,
 661                         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>,
 662                     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)
 663                     and detailed performance metrics for dozens of
 664                     <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>
 665                     (such as web servers, databases servers, email servers, DNS servers, etc)
 666                     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.
 667             </div>
 668             <div class=grid-cell><h3><span class=star>&#x2605;</span> With alarms</h3>
 669                 <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>
 670                     can be set on any metric monitored by netdata.
 671                     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>
 672                     are role-based and support dynamic thresholds, hysteresis and can be dispatched via multiple methods
 673                     (such as email, slack.com, pushover.net, pushbullet.com telegram.org, twilio.com).
 674             </div>
 675             <div class=grid-cell><h3><span class=star>&#x2605;</span> In real-time</h3>
 676                 <p>netdata collects thousands of metrics per server <strong>per second</strong>,
 677                     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>
 678                     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>
 679                     and no disk I/O at all.
 680                     View everything on <strong>stunning</strong> real-time interactive web dashboards, even when netdata is
 681                     running on low-end hardware.
 682             </div>
 683             <div class=grid-cell><h3><span class=star>&#x2605;</span> Out of the box</h3>
 684                 <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
 685                     <strong>zero configuration</strong>, it has <strong>zero dependencies</strong>, requires <strong>zero
 686                         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
 687                     failures, performance and availability issues.
 688             </div>
 689             <div class=grid-cell><h3><span class=star>&#x2605;</span> Embeddable</h3>
 690                 <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.
 691             </div>
 692             <div class=grid-cell><h3><span class=star>&#x2605;</span> Customizable</h3>
 693                 <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).
 694             </div>
 695             <div class=grid-cell><h3><span class=star>&#x2605;</span> Extensible</h3>
 696                 <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).
 697             </div>
 698             <div class=grid-cell><h3><span class=star>&#x2605;</span> Scalable</h3>
 699                 <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.
 700                     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
 701                 rate, to avoid congesting these servers with the amount of data collected.
 702             </div>
 703         </div>
 704     </div>
 705 </div>
 706 <div id="demosites" class="site-section site-section-video"><h2>netdata live demo sites</h2>
 707     <div class="content">
 708         <div class="container" style="text-align: center;">
 709
 710             <div class="mygauge-combo">
 711                 <div class="mygauge">
 712                     <div data-netdata="netdata.requests"
 713                          data-host="//london.my-netdata.io"
 714                          data-title="EU - London"
 715                          data-chart-library="gauge"
 716                          data-decimal-digits="0"
 717                          data-common-max="top-gauges"
 718                          data-width="100%"
 719                          data-after="-300"
 720                          data-points="300"
 721                          data-colors="#558855"
 722                     ></div>
 723                 </div>
 724                 <div class="mygauge-button">
 725                     <br/>&nbsp;<br/>
 726                     <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>
 727                     <div class="mygause-donation">
 728                         Donated by DigitalOcean.com
 729                     </div>
 730                 </div>
 731             </div>
 732             <div class="mygauge-combo">
 733                 <div class="mygauge">
 734                     <div data-netdata="netdata.requests"
 735                          data-host="//atlanta.my-netdata.io"
 736                          data-title="US - Atlanta"
 737                          data-chart-library="gauge"
 738                          data-decimal-digits="0"
 739                          data-common-max="top-gauges"
 740                          data-width="100%"
 741                          data-after="-300"
 742                          data-points="300"
 743                          data-colors="#AA5555"
 744                     ></div>
 745                 </div>
 746                 <div class="mygauge-button">
 747                     <br/>&nbsp;<br/>
 748                     <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>
 749                     <div class="mygause-donation">
 750                         Donated by CDN77.com
 751                     </div>
 752                 </div>
 753             </div>
 754             <div class="mygauge-combo">
 755                 <div class="mygauge">
 756                     <div data-netdata="netdata.requests"
 757                          data-host="//sanfrancisco.my-netdata.io"
 758                          data-title="US - California"
 759                          data-chart-library="gauge"
 760                          data-decimal-digits="0"
 761                          data-common-max="top-gauges"
 762                          data-width="100%"
 763                          data-after="-300"
 764                          data-points="300"
 765                          data-colors="#5555AA"
 766                     ></div>
 767                 </div>
 768                 <div class="mygauge-button">
 769                     <br/>&nbsp;<br/>
 770                     <a class="btn btn-alt mygauge-legend-button" href=//sanfrancisco.my-netdata.io/default.html data-ga-category="Outbound links" data-ga-action="Nav click" data-ga-label=DemoSanfrancisco><strong>Enter California!</strong></a>
 771                     <div class="mygause-donation">
 772                         Donated by DigitalOcean.com
 773                     </div>
 774                 </div>
 775             </div>
 776             <div class="mygauge-combo">
 777                 <div class="mygauge">
 778                     <div data-netdata="netdata.requests"
 779                          data-host="//toronto.my-netdata.io"
 780                          data-title="Canada"
 781                          data-chart-library="gauge"
 782                          data-decimal-digits="0"
 783                          data-common-max="top-gauges"
 784                          data-width="100%"
 785                          data-after="-300"
 786                          data-points="300"
 787                          data-colors="#885588"
 788                     ></div>
 789                 </div>
 790                 <div class="mygauge-button">
 791                     <br/>&nbsp;<br/>
 792                     <a class="btn btn-alt mygauge-legend-button" href=//toronto.my-netdata.io/default.html data-ga-category="Outbound links" data-ga-action="Nav click" data-ga-label=DemoToronto><strong>Enter Canada!</strong></a>
 793                     <div class="mygause-donation">
 794                         Donated by DigitalOcean.com
 795                     </div>
 796                 </div>
 797             </div>
 798             <br/>&nbsp;<br/>
 799             <div class="mygauge-combo">
 800                 <div class="mygauge">
 801                     <div data-netdata="netdata.requests"
 802                          data-host="//frankfurt.my-netdata.io"
 803                          data-title="EU - Germany"
 804                          data-chart-library="easypiechart"
 805                          data-decimal-digits="0"
 806                          data-common-max="top-gauges"
 807                          data-width="75%"
 808                          data-after="-300"
 809                          data-points="300"
 810                          data-colors="#AAAA55"
 811                     ></div>
 812                 </div>
 813                 <div class="mygauge-button">
 814                     <br/>&nbsp;<br/>
 815                     <a class="btn btn-alt mygauge-legend-button" href=//frankfurt.my-netdata.io/default.html data-ga-category="Outbound links" data-ga-action="Nav click" data-ga-label=DemoFrankfurt><strong>Enter Germany!</strong></a>
 816                     <div class="mygause-donation">
 817                         Donated by DigitalOcean.com
 818                     </div>
 819                 </div>
 820             </div>
 821             <div class="mygauge-combo">
 822                 <div class="mygauge">
 823                     <div data-netdata="netdata.requests"
 824                          data-host="//newyork.my-netdata.io"
 825                          data-title="US - New York"
 826                          data-chart-library="easypiechart"
 827                          data-decimal-digits="0"
 828                          data-common-max="top-gauges"
 829                          data-width="75%"
 830                          data-after="-300"
 831                          data-points="300"
 832                          data-colors="#BB5533"
 833                     ></div>
 834                 </div>
 835                 <div class="mygauge-button">
 836                     <br/>&nbsp;<br/>
 837                     <a class="btn btn-alt mygauge-legend-button" href=//newyork.my-netdata.io/default.html data-ga-category="Outbound links" data-ga-action="Nav click" data-ga-label=DemoNewYork><strong>Enter New York!</strong></a>
 838                     <div class="mygause-donation">
 839                         Donated by DigitalOcean.com
 840                     </div>
 841                 </div>
 842             </div>
 843             <div class="mygauge-combo">
 844                 <div class="mygauge">
 845                     <div data-netdata="netdata.requests"
 846                          data-host="//singapore.my-netdata.io"
 847                          data-title="Singapore"
 848                          data-chart-library="easypiechart"
 849                          data-decimal-digits="0"
 850                          data-common-max="top-gauges"
 851                          data-width="75%"
 852                          data-after="-300"
 853                          data-points="300"
 854                          data-colors="#5588BB"
 855                     ></div>
 856                 </div>
 857                 <div class="mygauge-button">
 858                     <br/>&nbsp;<br/>
 859                     <a class="btn btn-alt mygauge-legend-button" href=//singapore.my-netdata.io/default.html data-ga-category="Outbound links" data-ga-action="Nav click" data-ga-label=DemoSingapore><strong>Enter Singapore!</strong></a>
 860                     <div class="mygause-donation">
 861                         Donated by DigitalOcean.com
 862                     </div>
 863                 </div>
 864             </div>
 865             <div class="mygauge-combo">
 866                 <div class="mygauge">
 867                     <div data-netdata="netdata.requests"
 868                          data-host="//bangalore.my-netdata.io"
 869                          data-title="India"
 870                          data-chart-library="easypiechart"
 871                          data-decimal-digits="0"
 872                          data-common-max="top-gauges"
 873                          data-width="75%"
 874                          data-after="-300"
 875                          data-points="300"
 876                          data-colors="#BB55BB"
 877                     ></div>
 878                 </div>
 879                 <div class="mygauge-button">
 880                     <br/>&nbsp;<br/>
 881                     <a class="btn btn-alt mygauge-legend-button" href=//bangalore.my-netdata.io/default.html data-ga-category="Outbound links" data-ga-action="Nav click" data-ga-label=DemoBangalore><strong>Enter India!</strong></a>
 882                     <div class="mygause-donation">
 883                         Donated by DigitalOcean.com
 884                     </div>
 885                 </div>
 886             </div>
 887         </div>
 888         <div class="container" style="padding-top: 40px; text-align: center;">
 889             Charts are coming from all servers, <b>in parallel</b>.
 890             <br/>
 891             The servers are <b>not aware</b> of this multi-server dashboard.
 892             <br/>
 893             Each server is <b>not aware</b> of the other servers.
 894             <br/>
 895             But on this dashboard <b>they are one</b>! (hover on the chart below)
 896         </div>
 897
 898         <div class="container" style="padding-top: 40px; padding-bottom: 40px; text-align: center;">
 899             <div class="mysparkline">
 900                 <div class="mysparkline-overchart-label">
 901                     <b>EU - London</b> connected clients
 902                 </div>
 903                 <div class="mysparkline-overchart-value" id="nginx_local.connections.netdata" >
 904                 </div>
 905                 <div data-netdata="nginx_local.connections"
 906                      data-dimensions="active"
 907                      data-host="//london.my-netdata.io"
 908                      data-decimal-digits="0"
 909                      data-common-max="web-connections"
 910                      data-chart-library="dygraph"
 911                      data-dygraph-theme="sparkline"
 912                      data-dygraph-type="area"
 913                      data-width="100%"
 914                      data-height="100%"
 915                      data-after="-300"
 916                      data-colors="#558855"
 917                      data-show-value-of-active-at="nginx_local.connections.netdata"
 918                 ></div>
 919             </div>
 920         </div>
 921
 922         <h3>Want more demos?</h3>
 923
 924         <div class="mygauge-combo30">
 925             <div style="padding-bottom: 20px;">
 926                 <b>on Amazon EC2</b>
 927                 <br/><small>(smallest AMI Linux)</small>
 928             </div>
 929             <div class="mysparkline">
 930                 <div class="mysparkline-overchart-label">
 931                     requests/s
 932                 </div>
 933                 <div class="mysparkline-overchart-value" id="aws-fra-netdata.requests.netdata" >
 934                 </div>
 935                 <div data-netdata="netdata.requests"
 936                      data-dimensions="requests"
 937                      data-host="//aws-fra.my-netdata.io"
 938                      data-common-max="top-gauges2"
 939                      data-decimal-digits="0"
 940                      data-chart-library="dygraph"
 941                      data-dygraph-theme="sparkline"
 942                      data-dygraph-type="area"
 943                      data-width="100%"
 944                      data-height="100%"
 945                      data-after="-300"
 946                      data-colors="#FF4B91"
 947                      data-show-value-of-requests-at="aws-fra-netdata.requests.netdata"
 948                 ></div>
 949             </div>
 950             <div class="mygauge-button">
 951                 <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>
 952                 <div class="mygause-donation">
 953                     Donated by Amazon
 954                 </div>
 955             </div>
 956         </div>
 957         <div class="mygauge-combo30">
 958             <div style="padding-bottom: 20px;">
 959                 <b>on Azure</b>
 960                 <br/><small>(Ubuntu 16.10 on green A1)</small>
 961             </div>
 962             <div class="mysparkline">
 963                 <div class="mysparkline-overchart-label">
 964                     requests/s
 965                 </div>
 966                 <div class="mysparkline-overchart-value" id="azure-west-eu-netdata.requests.netdata" >
 967                 </div>
 968                 <div data-netdata="netdata.requests"
 969                      data-dimensions="requests"
 970                      data-host="//azure-west-eu.my-netdata.io"
 971                      data-common-max="top-gauges2"
 972                      data-decimal-digits="0"
 973                      data-chart-library="dygraph"
 974                      data-dygraph-theme="sparkline"
 975                      data-dygraph-type="area"
 976                      data-width="100%"
 977                      data-height="100%"
 978                      data-after="-300"
 979                      data-colors="#007FFF"
 980                      data-show-value-of-requests-at="azure-west-eu-netdata.requests.netdata"
 981                 ></div>
 982             </div>
 983             <div class="mygauge-button">
 984                 <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>
 985                 <div class="mygause-donation">
 986                     Donated by Azure
 987                 </div>
 988             </div>
 989         </div>
 990         <div class="mygauge-combo30">
 991             <div style="padding-bottom: 20px;">
 992                 <b>on Alpine</b>
 993                 <br/><small>(empty LXC container)</small>
 994             </div>
 995             <div class="mysparkline">
 996                 <div class="mysparkline-overchart-label">
 997                     requests/s
 998                 </div>
 999                 <div class="mysparkline-overchart-value" id="alpine-netdata.requests.netdata" >
1000                 </div>
1001                 <div data-netdata="netdata.requests"
1002                      data-dimensions="requests"
1003                      data-host="//alpine.my-netdata.io"
1004                      data-common-max="top-gauges2"
1005                      data-decimal-digits="0"
1006                      data-chart-library="dygraph"
1007                      data-dygraph-theme="sparkline"
1008                      data-dygraph-type="area"
1009                      data-width="100%"
1010                      data-height="100%"
1011                      data-after="-300"
1012                      data-colors="#FF7F00"
1013                      data-show-value-of-requests-at="alpine-netdata.requests.netdata"
1014                 ></div>
1015             </div>
1016             <div class="mygauge-button">
1017                 <a class="btn btn-alt mygauge-legend-button" href=//alpine.my-netdata.io/default.html data-ga-category="Outbound links" data-ga-action="Nav click" data-ga-label=DemoAlpine><strong>Enter Alpine!</strong></a>
1018                 <div class="mygause-donation">
1019                     Donated by Azure
1020                 </div>
1021             </div>
1022         </div>
1023
1024         <div style="padding-top: 40px; color: #999;">
1025             <small>I would love to show demos of IoT devices running netdata.<br/>
1026                 If you can host at your DC an RPi or a Linux IoT, <a href="mailto:costa@tsaousis.gr?subject=I can host IoT for netdata&body=Hi Costa,%0D%0A%0D%0AI would love to host an IoT device to demo netdata on it.%0D%0A%0D%0A-- please tell me who you are and what infrastructure you have --%0D%0A-- Take into account I would need SSH access to it --%0D%0A-- You have to have a DC - a home is not good enough - sorry. --%0D%0A%0D%0AThanks!">contact me</a>.</small>
1027         </div>
1028     </div>
1029 </div>
1030
1031 <div class=site-section><h2>Who uses netdata?</h2>
1032     <div class="content">
1033         <div class="container" style="text-align: center;">
1034             <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>
1035             <div class="container" style="padding-top: 40px; text-align: center; width: 30%; min-width: 230px; display: inline-block;">
1036                 <div class="mysparkline">
1037                     <div class="mysparkline-overchart-label">
1038                         netdata <b>unique users</b>
1039                     </div>
1040                     <div class="mysparkline-overchart-value-center" id="netdata.registry_entries.persons.netdata" >
1041                     </div>
1042                     <div data-netdata="netdata.registry_entries"
1043                          data-dimensions="persons"
1044                          data-host="//london.my-netdata.io"
1045                          data-decimal-digits="0"
1046                          data-chart-library="dygraph"
1047                          data-dygraph-theme="sparkline"
1048                          data-dygraph-type="area"
1049                          data-width="100%"
1050                          data-height="100%"
1051                          data-after="-300"
1052                          data-colors="#558855"
1053                          data-show-value-of-persons-at="netdata.registry_entries.persons.netdata"
1054                     ></div>
1055                 </div>
1056             </div>
1057             <div class="container" style="padding-top: 40px; text-align: center; width: 30%; min-width: 230px; display: inline-block;">
1058                 <div class="mysparkline">
1059                     <div class="mysparkline-overchart-label">
1060                         netdata <b>monitored servers</b>
1061                     </div>
1062                     <div class="mysparkline-overchart-value-center" id="netdata.registry_entries.machines.netdata" >
1063                     </div>
1064                     <div data-netdata="netdata.registry_entries"
1065                          data-dimensions="machines"
1066                          data-host="//london.my-netdata.io"
1067                          data-decimal-digits="0"
1068                          data-chart-library="dygraph"
1069                          data-dygraph-theme="sparkline"
1070                          data-dygraph-type="area"
1071                          data-width="100%"
1072                          data-height="100%"
1073                          data-after="-300"
1074                          data-colors="#558855"
1075                          data-show-value-of-machines-at="netdata.registry_entries.machines.netdata"
1076                     ></div>
1077                 </div>
1078             </div>
1079             <div class="container" style="padding-top: 40px; text-align: center; width: 30%; min-width: 230px; display: inline-block;">
1080                 <div class="mysparkline">
1081                     <div class="mysparkline-overchart-label">
1082                         netdata <b>sessions served</b>
1083                     </div>
1084                     <div class="mysparkline-overchart-value-center" id="netdata.registry_sessions.sessions.netdata" >
1085                     </div>
1086                     <div data-netdata="netdata.registry_sessions"
1087                          data-dimensions="sessions"
1088                          data-host="//london.my-netdata.io"
1089                          data-decimal-digits="0"
1090                          data-chart-library="dygraph"
1091                          data-dygraph-theme="sparkline"
1092                          data-dygraph-type="area"
1093                          data-width="100%"
1094                          data-height="100%"
1095                          data-after="-300"
1096                          data-colors="#558855"
1097                          data-show-value-of-sessions-at="netdata.registry_sessions.sessions.netdata"
1098                     ></div>
1099                 </div>
1100             </div>
1101             <p>
1102
1103         <!--
1104             <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" />
1105             <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" />
1106             <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" />
1107             <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>
1108             <br/>
1109         -->
1110             </p>
1111             <p>
1112                 <small>
1113                 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:
1114                 </small>
1115             <br/>
1116             <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" />
1117             <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" />
1118             <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" />
1119             <br/>
1120             <small>These badges auto-refresh every minute.</small>
1121             </p>
1122         </div>
1123         <div class="container" style="text-align: center;">
1124                 <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>
1125             <div style="padding-top: 10px;">
1126                 <a href="https://octoverse.github.com/" target="_blank" data-ga-category="Outbound links" data-ga-action="Nav click" data-ga-label=OctoverseImage>
1127                 <img src="https://o.twimg.com/2/proxy.jpg?t=HBgzaHR0cDovL29jdG92ZXJzZS5naXRodWIuY29tL2ltYWdlcy9zb2NpYWwtaW1hZ2UucG5nFOASFOYJHBSEBhSUAwAAFgASAA&s=X1yj1YhGM3hclaa29go6EFa2FeJFdwGrzfs_u25L3hs" width="90%" style="border-radius: 4px; border: 1px solid #333;"/>
1128                 </a>
1129             </div>
1130         </div>
1131         <div class=cta-option>
1132             <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>
1133         </div>
1134     </div>
1135 </div>
1136 <div class=aside>
1137     <div class=container>
1138         <ul class=inline-block-list>
1139             <li>
1140                 <!-- Place this tag where you want the button to render. -->
1141                 <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>
1142             </li>
1143             <li>
1144                 <!-- Place this tag where you want the button to render. -->
1145                 <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>
1146             </li>
1147             <li>
1148                 <!-- Place this tag where you want the button to render. -->
1149                 <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>
1150             </li>
1151         </ul>
1152     </div>
1153 </div>
1154
1155 <!-- the footer -->
1156 <div class=site-footer role=contentinfo>
1157     <p>
1158     <div style="display: inline-block;">
1159         <div style="vertical-align:top;display:inline-block; height: 34px;">twitter:</div>
1160         <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>
1161         <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>
1162     </div>
1163     <div style="display: inline-block;">
1164         <div style="vertical-align:top;display:inline-block; height: 34px; padding-left: 10px;">facebook:</div>
1165         <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>
1166         <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>
1167         <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>
1168     </div>
1169     </p>
1170     <p>
1171         <strong>netdata</strong><br/>
1172         &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/>
1173         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/>
1174     </p>
1175     <p>
1176         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>
1177     </p>
1178     <p style="padding-top: 20px;">
1179         netdata has received significant contributions from:<br/>&nbsp;<br/>
1180         <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/>
1181         <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/>
1182         <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/>
1183         <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/>
1184         <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/>
1185         <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/>
1186         <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/>
1187         &nbsp;<br/>
1188         and dozens more enthusiasts, engineers and professionals.<br/>&nbsp;<br/>
1189     </p>
1190     </p>
1191         Thank you! You are awesome!
1192     <p>
1193 </div>
1194 </body>
1195
1196 <script>
1197     if(window.location.hostname != 'my-netdata.io' || window.location.protocol != 'http:') {
1198         var canonical = document.createElement('link');
1199         canonical.rel = 'canonical';
1200         canonical.href = 'http://my-netdata.io/';
1201         document.head.appendChild(canonical);
1202     }
1203 </script>
1204
1205 <script>!function (t, e) {
1206     "use strict";
1207     function a(t, n) {
1208         return t.hasAttribute(n) === !0 ? t : t.parentNode !== r.body ? a(t.parentNode, n) : e
1209     }
1210
1211     function n(n) {
1212         var o, i, r, c, g, u = a(n.target, "data-ga-action"), l = !1;
1213         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) {
1214             var n;
1215             ga("send", "event", i, o, r, g, {
1216                 hitCallback: function () {
1217                     l === !1 && (n !== e && clearTimeout(n), t.location = a)
1218                 }
1219             }), n = setTimeout(function () {
1220                 l === !1 && (t.location.href = a)
1221             }, 1e3)
1222         }(c)))
1223     }
1224
1225     function o() {
1226         !function (t, e, a, n, o, i) {
1227             t.GoogleAnalyticsObject = n, t[n] || (t[n] = function () {
1228                 (t[n].q = t[n].q || []).push(arguments)
1229             }), 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)
1230         }(t, r, "script", "ga"), ga("create", "UA-64295674-3", "auto"), ga("send", "pageview"), t.document.addEventListener("click", n)
1231     }
1232
1233     function i() {
1234         !function (t, e, a) {
1235             var n, o = t.getElementsByTagName(e)[0];
1236             t.getElementById(a) || (n = t.createElement(e), n.id = a, n.src = "//platform.twitter.com/widgets.js", o.parentNode.insertBefore(n, o))
1237         }(r, "script", "twitter-wjs")
1238     }
1239
1240     var r = t.document;
1241     o(), t.onload = i
1242 }(window)</script>
1243
1244 <!-- facebook sdk -->
1245 <div id="fb-root"></div>
1246 <script>
1247     window.fbAsyncInit = function() {
1248         FB.init({
1249             appId      : '1200089276712916',
1250             xfbml      : true,
1251             version    : 'v2.8'
1252         });
1253     };
1254
1255     (function(d, s, id){
1256         var js, fjs = d.getElementsByTagName(s)[0];
1257         if (d.getElementById(id)) {return;}
1258         js = d.createElement(s); js.id = id;
1259         js.src = "//connect.facebook.net/en_US/sdk.js";
1260         fjs.parentNode.insertBefore(js, fjs);
1261     }(document, 'script', 'facebook-jssdk'));
1262 </script>
1263
1264 <script async src="https://buttons.github.io/buttons.js"></script>