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?v20161208-1"></script>
 509
 510 <script>
 511     // --- OPTIONS FOR THE CHARTS --
 512
 513     // destroy charts not shown (lowers memory on the browsers)
 514     // set this to 'true' to destroy, 'false' to hide the charts
 515     NETDATA.options.current.destroy_on_hide = false;
 516
 517     // set this to false, to always show all dimensions
 518     NETDATA.options.current.eliminate_zero_dimensions = true;
 519
 520     // set this to false, to lower the pressure on the browser
 521     NETDATA.options.current.concurrent_refreshes = true;
 522
 523     // if you need to support slow mobile phones, set this to false
 524     NETDATA.options.current.parallel_refresher = true;
 525
 526     // set this to false, to always update the charts, even if focus is lost
 527     NETDATA.options.current.stop_updates_when_focus_is_lost = true;
 528
 529     // since we have many servers and limited sockets,
 530     // abort ajax calls when we scroll
 531     NETDATA.options.current.abort_ajax_on_scroll = true;
 532 </script>
 533
 534 <style>
 535     .mygauge-combo {
 536         display: inline-block;
 537     }
 538
 539     .mygauge {
 540         position: relative;
 541         display: block;
 542         width: 171px;
 543         height: 105px;
 544     }
 545
 546     .mygauge-button {
 547         display: block;
 548     }
 549
 550     .mygauge-legend-button {
 551         font-size: 13px;
 552     }
 553
 554     .mygause-donation {
 555         font-size: 9px;
 556         color: #999;
 557     }
 558
 559     .mysparkline {
 560         position: relative;
 561         display: inline-block;
 562         width: 100%;
 563         height: 50px;
 564         text-align: left;
 565     }
 566
 567     .mysparkline-overchart-label {
 568         position: absolute;
 569         display: block;
 570         top: -15px;
 571         left: 10px;
 572         bottom: 0;
 573         right: 0;
 574         font-size: 14px;
 575         z-index: 1;
 576     }
 577
 578     .mysparkline-overchart-value {
 579         position: absolute;
 580         display: block;
 581         top: 0px;
 582         left: 10px;
 583         bottom: 0;
 584         right: 0;
 585         font-size: 40px;
 586         z-index: 2;
 587         text-shadow: #333 0px 0px 2px;
 588     }
 589
 590     .mysparkline-overchart-value-center {
 591         position: absolute;
 592         display: block;
 593         top: 5px;
 594         left: 0px;
 595         bottom: 0;
 596         right: 0;
 597         font-size: 35px;
 598         font-weight: bold;
 599         text-align: center;
 600         z-index: 2;
 601         text-shadow: #333 0px 0px 2px;
 602     }
 603
 604     .fb-share-button span {
 605         top: 0px;
 606     }
 607     .fb-like span {
 608         top: 0px;
 609     }
 610     .fb-follow span {
 611         top: 0px;
 612     }
 613
 614 </style>
 615 </head>
 616 <body>
 617 <div class=container>
 618     <div class="site-header clearfix" role=banner>
 619         <div class=site-logo>my-netdata.io</div>
 620         <ul class="site-nav inline-block-list">
 621             <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>
 622             <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>
 623         </ul>
 624     </div>
 625     <div class=site-promo><h1>Get control<br/>of your Linux servers</h1>
 626         <p class=description>
 627             Simple.
 628             Effective.
 629             Awesome.<br/>&nbsp;<br/>
 630             <strong>Unparalleled</strong> insights, in <strong>real-time</strong>,
 631             of <strong>everything</strong> happening on your Linux systems and applications,
 632             with stunning, <strong>interactive</strong> web dashboards
 633             and powerful <strong>performance</strong> and <strong>health</strong> alarms.
 634         <div class=cta-option>
 635             <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>
 636             <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>
 637         <div class=cta-option>
 638             <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>
 639         </div>
 640     </div>
 641
 642 </div>
 643 <div class=site-section>
 644     <div class=container><h2>Save time. Run Linux with confidence.</h2>
 645         <div class=grid>
 646             <div class=grid-cell><h3><span class=star>&#x2605;</span> Monitor everything</h3>
 647                 <p>Analyze thousands of metrics per server.
 648                     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,
 649                         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>,
 650                     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)
 651                     and detailed performance metrics for dozens of
 652                     <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>
 653                     (such as web servers, databases servers, email servers, DNS servers, etc)
 654                     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.
 655             </div>
 656             <div class=grid-cell><h3><span class=star>&#x2605;</span> With alarms</h3>
 657                 <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>
 658                     can be set on any metric monitored by netdata.
 659                     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>
 660                     are role-based and support dynamic thresholds, hysteresis and can be dispatched via multiple methods
 661                     (such as email, slack.com, pushover.net, pushbullet.com telegram.org, twilio.com).
 662             </div>
 663             <div class=grid-cell><h3><span class=star>&#x2605;</span> In real-time</h3>
 664                 <p>netdata collects thousands of metrics per server <strong>per second</strong>,
 665                     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>
 666                     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>
 667                     and no disk I/O at all.
 668                     View everything on <strong>stunning</strong> real-time interactive web dashboards, even when netdata is
 669                     running on low-end hardware.
 670             </div>
 671             <div class=grid-cell><h3><span class=star>&#x2605;</span> Out of the box</h3>
 672                 <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
 673                     <strong>zero configuration</strong>, it has <strong>zero dependencies</strong>, requires <strong>zero
 674                         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
 675                     failures, performance and availability issues.
 676             </div>
 677             <div class=grid-cell><h3><span class=star>&#x2605;</span> Embeddable</h3>
 678                 <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.
 679             </div>
 680             <div class=grid-cell><h3><span class=star>&#x2605;</span> Customizable</h3>
 681                 <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).
 682             </div>
 683             <div class=grid-cell><h3><span class=star>&#x2605;</span> Extensible</h3>
 684                 <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).
 685             </div>
 686             <div class=grid-cell><h3><span class=star>&#x2605;</span> Scalable</h3>
 687                 <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.
 688                     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
 689                 rate, to avoid congesting these servers with the amount of data collected.
 690             </div>
 691         </div>
 692     </div>
 693 </div>
 694 <div id="demosites" class="site-section site-section-video"><h2>netdata live demo sites</h2>
 695     <div class="content">
 696         <div class="container" style="text-align: center;">
 697
 698             <div class="mygauge-combo">
 699                 <div class="mygauge">
 700                     <div data-netdata="netdata.requests"
 701                          data-host="//london.my-netdata.io"
 702                          data-title="EU - London"
 703                          data-chart-library="gauge"
 704                          data-decimal-digits="0"
 705                          data-common-max="top-gauges"
 706                          data-width="100%"
 707                          data-after="-300"
 708                          data-points="300"
 709                          data-colors="#558855"
 710                     ></div>
 711                 </div>
 712                 <div class="mygauge-button">
 713                     <br/>&nbsp;<br/>
 714                     <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>
 715                     <div class="mygause-donation">
 716                         Donated by DigitalOcean.com
 717                     </div>
 718                 </div>
 719             </div>
 720             <div class="mygauge-combo">
 721                 <div class="mygauge">
 722                     <div data-netdata="netdata.requests"
 723                          data-host="//atlanta.my-netdata.io"
 724                          data-title="US - Atlanta"
 725                          data-chart-library="gauge"
 726                          data-decimal-digits="0"
 727                          data-common-max="top-gauges"
 728                          data-width="100%"
 729                          data-after="-300"
 730                          data-points="300"
 731                          data-colors="#AA5555"
 732                     ></div>
 733                 </div>
 734                 <div class="mygauge-button">
 735                     <br/>&nbsp;<br/>
 736                     <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>
 737                     <div class="mygause-donation">
 738                         Donated by CDN77.com
 739                     </div>
 740                 </div>
 741             </div>
 742             <div class="mygauge-combo">
 743                 <div class="mygauge">
 744                     <div data-netdata="netdata.requests"
 745                          data-host="//sanfrancisco.netdata.rocks"
 746                          data-title="US - California"
 747                          data-chart-library="gauge"
 748                          data-decimal-digits="0"
 749                          data-common-max="top-gauges"
 750                          data-width="100%"
 751                          data-after="-300"
 752                          data-points="300"
 753                          data-colors="#5555AA"
 754                     ></div>
 755                 </div>
 756                 <div class="mygauge-button">
 757                     <br/>&nbsp;<br/>
 758                     <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>
 759                     <div class="mygause-donation">
 760                         Donated by DigitalOcean.com
 761                     </div>
 762                 </div>
 763             </div>
 764             <div class="mygauge-combo">
 765                 <div class="mygauge">
 766                     <div data-netdata="netdata.requests"
 767                          data-host="//toronto.netdata.rocks"
 768                          data-title="Canada"
 769                          data-chart-library="gauge"
 770                          data-decimal-digits="0"
 771                          data-common-max="top-gauges"
 772                          data-width="100%"
 773                          data-after="-300"
 774                          data-points="300"
 775                          data-colors="#885588"
 776                     ></div>
 777                 </div>
 778                 <div class="mygauge-button">
 779                     <br/>&nbsp;<br/>
 780                     <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>
 781                     <div class="mygause-donation">
 782                         Donated by DigitalOcean.com
 783                     </div>
 784                 </div>
 785             </div>
 786             <br/>&nbsp;<br/>
 787             <div class="mygauge-combo">
 788                 <div class="mygauge">
 789                     <div data-netdata="netdata.requests"
 790                          data-host="//frankfurt.netdata.rocks"
 791                          data-title="EU - Germany"
 792                          data-chart-library="easypiechart"
 793                          data-decimal-digits="0"
 794                          data-common-max="top-gauges"
 795                          data-width="75%"
 796                          data-after="-300"
 797                          data-points="300"
 798                          data-colors="#AAAA55"
 799                     ></div>
 800                 </div>
 801                 <div class="mygauge-button">
 802                     <br/>&nbsp;<br/>
 803                     <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>
 804                     <div class="mygause-donation">
 805                         Donated by DigitalOcean.com
 806                     </div>
 807                 </div>
 808             </div>
 809             <div class="mygauge-combo">
 810                 <div class="mygauge">
 811                     <div data-netdata="netdata.requests"
 812                          data-host="//newyork.netdata.rocks"
 813                          data-title="US - New York"
 814                          data-chart-library="easypiechart"
 815                          data-decimal-digits="0"
 816                          data-common-max="top-gauges"
 817                          data-width="75%"
 818                          data-after="-300"
 819                          data-points="300"
 820                          data-colors="#BB5533"
 821                     ></div>
 822                 </div>
 823                 <div class="mygauge-button">
 824                     <br/>&nbsp;<br/>
 825                     <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>
 826                     <div class="mygause-donation">
 827                         Donated by DigitalOcean.com
 828                     </div>
 829                 </div>
 830             </div>
 831             <div class="mygauge-combo">
 832                 <div class="mygauge">
 833                     <div data-netdata="netdata.requests"
 834                          data-host="//singapore.netdata.rocks"
 835                          data-title="Singapore"
 836                          data-chart-library="easypiechart"
 837                          data-decimal-digits="0"
 838                          data-common-max="top-gauges"
 839                          data-width="75%"
 840                          data-after="-300"
 841                          data-points="300"
 842                          data-colors="#5588BB"
 843                     ></div>
 844                 </div>
 845                 <div class="mygauge-button">
 846                     <br/>&nbsp;<br/>
 847                     <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>
 848                     <div class="mygause-donation">
 849                         Donated by DigitalOcean.com
 850                     </div>
 851                 </div>
 852             </div>
 853             <div class="mygauge-combo">
 854                 <div class="mygauge">
 855                     <div data-netdata="netdata.requests"
 856                          data-host="//bangalore.netdata.rocks"
 857                          data-title="India"
 858                          data-chart-library="easypiechart"
 859                          data-decimal-digits="0"
 860                          data-common-max="top-gauges"
 861                          data-width="75%"
 862                          data-after="-300"
 863                          data-points="300"
 864                          data-colors="#BB55BB"
 865                     ></div>
 866                 </div>
 867                 <div class="mygauge-button">
 868                     <br/>&nbsp;<br/>
 869                     <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>
 870                     <div class="mygause-donation">
 871                         Donated by DigitalOcean.com
 872                     </div>
 873                 </div>
 874             </div>
 875         </div>
 876         <div class="container" style="padding-top: 40px; text-align: center;">
 877             Charts are coming from 8 servers, in parallel.
 878             <br/>
 879             The servers are not aware of this multi-server dashboard.
 880             <br/>
 881             Each server is not aware of the other servers.
 882             <br/>
 883             But on this dashboard <b>they are one</b>! (hover on the chart below)
 884         </div>
 885
 886         <div class="container" style="padding-top: 40px; text-align: center;">
 887             <div class="mysparkline">
 888                 <div class="mysparkline-overchart-label">
 889                     <b>EU - London</b> connected clients
 890                 </div>
 891                 <div class="mysparkline-overchart-value" id="nginx_local.connections.netdata" >
 892                 </div>
 893                 <div data-netdata="nginx_local.connections"
 894                      data-dimensions="active"
 895                      data-host="//london.my-netdata.io"
 896                      data-decimal-digits="0"
 897                      data-common-max="web-connections"
 898                      data-chart-library="dygraph"
 899                      data-dygraph-theme="sparkline"
 900                      data-dygraph-type="area"
 901                      data-width="100%"
 902                      data-height="100%"
 903                      data-after="-300"
 904                      data-colors="#558855"
 905                      data-show-value-of-active-at="nginx_local.connections.netdata"
 906                 ></div>
 907             </div>
 908         </div>
 909     </div>
 910 </div>
 911
 912 <div class=site-section><h2>Who uses netdata?</h2>
 913     <div class="content">
 914         <div class="container" style="text-align: center;">
 915             <small>Figures come from users using the <a href="https://github.com/firehol/netdata/wiki/mynetdata-menu-item" target="_blank" data-ga-category="Outbound links" data-ga-action="Nav click" data-ga-label=GlobalRegistry>netdata public global registry</a>.<br/>Counting since May 16th 2016. Actual figures might be a lot higher.<br/></small>
 916             <div class="container" style="padding-top: 40px; text-align: center; width: 30%; min-width: 230px; display: inline-block;">
 917                 <div class="mysparkline">
 918                     <div class="mysparkline-overchart-label">
 919                         netdata <b>unique users</b>
 920                     </div>
 921                     <div class="mysparkline-overchart-value-center" id="netdata.registry_entries.persons.netdata" >
 922                     </div>
 923                     <div data-netdata="netdata.registry_entries"
 924                          data-dimensions="persons"
 925                          data-host="//london.my-netdata.io"
 926                          data-decimal-digits="0"
 927                          data-chart-library="dygraph"
 928                          data-dygraph-theme="sparkline"
 929                          data-dygraph-type="area"
 930                          data-width="100%"
 931                          data-height="100%"
 932                          data-after="-300"
 933                          data-colors="#558855"
 934                          data-show-value-of-persons-at="netdata.registry_entries.persons.netdata"
 935                     ></div>
 936                 </div>
 937             </div>
 938             <div class="container" style="padding-top: 40px; text-align: center; width: 30%; min-width: 230px; display: inline-block;">
 939                 <div class="mysparkline">
 940                     <div class="mysparkline-overchart-label">
 941                         netdata <b>monitored servers</b>
 942                     </div>
 943                     <div class="mysparkline-overchart-value-center" id="netdata.registry_entries.machines.netdata" >
 944                     </div>
 945                     <div data-netdata="netdata.registry_entries"
 946                          data-dimensions="machines"
 947                          data-host="//london.my-netdata.io"
 948                          data-decimal-digits="0"
 949                          data-chart-library="dygraph"
 950                          data-dygraph-theme="sparkline"
 951                          data-dygraph-type="area"
 952                          data-width="100%"
 953                          data-height="100%"
 954                          data-after="-300"
 955                          data-colors="#558855"
 956                          data-show-value-of-machines-at="netdata.registry_entries.machines.netdata"
 957                     ></div>
 958                 </div>
 959             </div>
 960             <div class="container" style="padding-top: 40px; text-align: center; width: 30%; min-width: 230px; display: inline-block;">
 961                 <div class="mysparkline">
 962                     <div class="mysparkline-overchart-label">
 963                         netdata <b>sessions served</b>
 964                     </div>
 965                     <div class="mysparkline-overchart-value-center" id="netdata.registry_sessions.sessions.netdata" >
 966                     </div>
 967                     <div data-netdata="netdata.registry_sessions"
 968                          data-dimensions="sessions"
 969                          data-host="//london.my-netdata.io"
 970                          data-decimal-digits="0"
 971                          data-chart-library="dygraph"
 972                          data-dygraph-theme="sparkline"
 973                          data-dygraph-type="area"
 974                          data-width="100%"
 975                          data-height="100%"
 976                          data-after="-300"
 977                          data-colors="#558855"
 978                          data-show-value-of-sessions-at="netdata.registry_sessions.sessions.netdata"
 979                     ></div>
 980                 </div>
 981             </div>
 982             <p>
 983
 984         <!--
 985             <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" />
 986             <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" />
 987             <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" />
 988             <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>
 989             <br/>
 990         -->
 991             </p>
 992             <p>
 993                 <small>
 994                 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:
 995                 </small>
 996             <br/>
 997             <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" />
 998             <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" />
 999             <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" />
1000             <br/>
1001             <small>These badges auto-refresh every minute.</small>
1002             </p>
1003         </div>
1004         <div class="container" style="text-align: center;">
1005                 <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>
1006             <div style="padding-top: 10px;">
1007                 <a href="https://octoverse.github.com/" target="_blank" data-ga-category="Outbound links" data-ga-action="Nav click" data-ga-label=OctoverseImage>
1008                 <img src="https://o.twimg.com/2/proxy.jpg?t=HBgzaHR0cDovL29jdG92ZXJzZS5naXRodWIuY29tL2ltYWdlcy9zb2NpYWwtaW1hZ2UucG5nFOASFOYJHBSEBhSUAwAAFgASAA&s=X1yj1YhGM3hclaa29go6EFa2FeJFdwGrzfs_u25L3hs" width="90%" style="border-radius: 4px; border: 1px solid #333;"/>
1009                 </a>
1010             </div>
1011         </div>
1012         <div class=cta-option>
1013             <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>
1014         </div>
1015     </div>
1016 </div>
1017 <div class=aside>
1018     <div class=container>
1019         <ul class=inline-block-list>
1020             <li>
1021                 <!-- Place this tag where you want the button to render. -->
1022                 <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>
1023             </li>
1024             <li>
1025                 <!-- Place this tag where you want the button to render. -->
1026                 <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>
1027             </li>
1028             <li>
1029                 <!-- Place this tag where you want the button to render. -->
1030                 <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>
1031             </li>
1032         </ul>
1033     </div>
1034 </div>
1035
1036 <!-- the footer -->
1037 <div class=site-footer role=contentinfo>
1038     <p>
1039     <div style="display: inline-block;">
1040         <div style="vertical-align:top;display:inline-block; height: 34px;">twitter:</div>
1041         <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>
1042         <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>
1043     </div>
1044     <div style="display: inline-block;">
1045         <div style="vertical-align:top;display:inline-block; height: 34px; padding-left: 10px;">facebook:</div>
1046         <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>
1047         <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>
1048         <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>
1049     </div>
1050     </p>
1051     <p>
1052         <strong>netdata</strong><br/>
1053         &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/>
1054         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/>
1055     </p>
1056     <p>
1057         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>
1058     </p>
1059     <p style="padding-top: 20px;">
1060         netdata has received significant contributions from:<br/>&nbsp;<br/>
1061         <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/>
1062         <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/>
1063         <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/>
1064         <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/>
1065         <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/>
1066         <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/>
1067         <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/>
1068         &nbsp;<br/>
1069         and dozens more enthusiasts, engineers and professionals.<br/>&nbsp;<br/>
1070     </p>
1071     </p>
1072         Thank you! You are awesome!
1073     <p>
1074 </div>
1075 </body>
1076
1077 <script>
1078     if(window.location.hostname != 'my-netdata.io' || window.location.protocol != 'http:') {
1079         var canonical = document.createElement('link');
1080         canonical.rel = 'canonical';
1081         canonical.href = 'http://my-netdata.io/';
1082         document.head.appendChild(canonical);
1083     }
1084 </script>
1085
1086 <script>!function (t, e) {
1087     "use strict";
1088     function a(t, n) {
1089         return t.hasAttribute(n) === !0 ? t : t.parentNode !== r.body ? a(t.parentNode, n) : e
1090     }
1091
1092     function n(n) {
1093         var o, i, r, c, g, u = a(n.target, "data-ga-action"), l = !1;
1094         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) {
1095             var n;
1096             ga("send", "event", i, o, r, g, {
1097                 hitCallback: function () {
1098                     l === !1 && (n !== e && clearTimeout(n), t.location = a)
1099                 }
1100             }), n = setTimeout(function () {
1101                 l === !1 && (t.location.href = a)
1102             }, 1e3)
1103         }(c)))
1104     }
1105
1106     function o() {
1107         !function (t, e, a, n, o, i) {
1108             t.GoogleAnalyticsObject = n, t[n] || (t[n] = function () {
1109                 (t[n].q = t[n].q || []).push(arguments)
1110             }), 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)
1111         }(t, r, "script", "ga"), ga("create", "UA-64295674-3", "auto"), ga("send", "pageview"), t.document.addEventListener("click", n)
1112     }
1113
1114     function i() {
1115         !function (t, e, a) {
1116             var n, o = t.getElementsByTagName(e)[0];
1117             t.getElementById(a) || (n = t.createElement(e), n.id = a, n.src = "//platform.twitter.com/widgets.js", o.parentNode.insertBefore(n, o))
1118         }(r, "script", "twitter-wjs")
1119     }
1120
1121     var r = t.document;
1122     o(), t.onload = i
1123 }(window)</script>
1124
1125 <!-- facebook sdk -->
1126 <div id="fb-root"></div>
1127 <script>
1128     window.fbAsyncInit = function() {
1129         FB.init({
1130             appId      : '1200089276712916',
1131             xfbml      : true,
1132             version    : 'v2.8'
1133         });
1134     };
1135
1136     (function(d, s, id){
1137         var js, fjs = d.getElementsByTagName(s)[0];
1138         if (d.getElementById(id)) {return;}
1139         js = d.createElement(s); js.id = id;
1140         js.src = "//connect.facebook.net/en_US/sdk.js";
1141         fjs.parentNode.insertBefore(js, fjs);
1142     }(document, 'script', 'facebook-jssdk'));
1143 </script>
1144
1145 <script async src="https://buttons.github.io/buttons.js"></script>