diff options
Diffstat (limited to 'web/gui/demosites.html')
| -rw-r--r-- | web/gui/demosites.html | 1501 |
1 files changed, 1501 insertions, 0 deletions
diff --git a/web/gui/demosites.html b/web/gui/demosites.html new file mode 100644 index 000000000..33a771db4 --- /dev/null +++ b/web/gui/demosites.html @@ -0,0 +1,1501 @@ +<!doctype html> +<!-- SPDX-License-Identifier: GPL-3.0-or-later --> +<html lang=en-us xmlns="http://www.w3.org/1999/html"> +<head> + <meta charset=utf-8> + <title>NetData: Get control of your Linux Servers. Simple. Effective. Awesome.</title> + <meta name=author content="Costa Tsaousis"> + <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."> + + <meta name=viewport content="width=device-width,initial-scale=1"> + <link rel=apple-touch-icon href=apple-touch-icon.png> + <link rel="icon" type="image/png" sizes="32x32" href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAACNklEQVRYhcXXv2tUQRAH8M+FEIJISBHCIWIhIQSUILERi4AiiqCggiIiomAjlhaC4j+ghYWISgqNohZaCBZBC8Ei8QdEUCutFBsxCBqDYkgci/cunkfuJffjJQPD8mZm5/vd2WV2HzlJ0Bs8CvrywsgCHwy+BpGOg0sJfjj4nYKX9FdwKG9gwZlgtgK8pLOpPxfw1mCoCnClDgWtzQTvCEYWCV7SkWAlFBoEb8dlDKBF8t2bMWUSH/AHr3CiEfz5CPUusPJLkRCdk5ZqyeqUrQv4R7E5TwK7M3zTeIKduRAIitiWEfIY69GdCwGcRFuG/xqONRkzkaA7+J5x+MaDtWmHvJ4HgeEM8Nn0bridfv9HoOFyBAdwJCPkqqTzHWwUaz7wgeBHxupfBKuCj2W25mxBsCGYyAB/FxTT27HcPlyep64tCLbjKbqqhLzBlgKfF8pVE4FgRXABI+ioEnYfOyzcFWsCbg+OV+xlpU4ER4O+4HVwL51b3xYEXcGu4Ao+YQhr5gmdxHmsQyfG0b/YxbWmLfRWmnxa0s06VbTMCpnBS9zFzQKTwR5cXCzwHIE02Sl8wSZsRI/kgLVJqjSd+t9LVjiG1diPszhdK3A5gR48k5zYMTwscC59sfT799CYKvA8EttbSeXgTr3gJQKl91kR+yTlvyG5uUbLYh9gb+ovltkb6qYtNSRo3kOygsBSzGlKsubf43USWLYK5CLLXoFWyU/CtzLbVDpW2n+m40yN9ukqdvAX9ac/EIgOapcAAAAASUVORK5CYII="> + + <meta property="og:url" content="https://my-netdata.io" /> + <meta property="og:type" content="website" /> + <meta property="og:title" content="Get control of your Linux Servers. Simple. Effective. Awesome." /> + <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." /> + <meta property="og:image" content="https://cloud.githubusercontent.com/assets/2662304/22945737/e98cd0c6-f2fd-11e6-96f1-5501934b0955.png" /> + <meta property="og:image:type" content="image/png" /> + <meta property="fb:app_id" content="1200089276712916" /> + + <meta name="twitter:card" content="summary" /> + <meta name="twitter:site" content="@linuxnetdata" /> + <meta name="twitter:title" content="Get control of your Linux Servers. Simple. Effective. Awesome." /> + <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." /> + <meta name="twitter:image" content="https://cloud.githubusercontent.com/assets/2662304/14092712/93b039ea-f551-11e5-822c-beadbf2b2a2e.gif" /> + + <meta name="google-site-verification" content="3Xmk2kyCvai8p9HEnYHoQ9RBW20-b1NvPAgu07Fkkds" /> + <meta name="msvalidate.01" content="896DCA31C9A664CE359FCF1A645DD476" /> + + <style>/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */ +html { + line-height: 1.15; + -ms-text-size-adjust: 100%; + -webkit-text-size-adjust: 100%; + color: #fff; + font: 17px/1.4 'Open Sans', sans-serif; + text-align: center +} + +body { + margin: 0; + background-color: #2f3135; + 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==) +} + +a { + background-color: transparent; + -webkit-text-decoration-skip: objects; + color: #069; + text-decoration: none +} + +a:active, a:hover { + outline-width: 0 +} + +strong { + font-weight: bolder +} + +h1 { + font-size: 2.9em; + line-height: 1.2em; + margin: 0 .5em .75em +} + +img { + border-style: none; + vertical-align: middle +} + +[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner { + border-style: none; + padding: 0 +} + +[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring { + outline: 1px dotted ButtonText +} + +a:active, a:focus, a:hover { + text-decoration: underline; +} + +::-moz-selection { + background-color: #b3d4fc; + text-shadow: none; +} + +::selection { + background-color: #b3d4fc; + text-shadow: none; +} + +h2 { + font-size: 2em; + margin: 1.5em 0; +} + +h3 { + color: #555; + font-size: 1.5em; + margin: 0 0 .5em; +} + +p { + margin: 0 0 2em; +} + +.quote { + font-size: 1.15em; + margin: 0 0 .5em; + text-align: center; +} + +.title { + /* opacity: 0; */ + /* transition: opacity 500ms; */ +} + +.titlefadein { + opacity: 1; + transition: opacity 500ms; +} + +.grid { + margin: 0 -15px; + letter-spacing: -.31em; + word-spacing: -.43em; + text-rendering: optimizespeed +} + +.grid-title { + text-align: left; +} + +.grid-cell { + display: inline-block; + letter-spacing: normal; + text-align: left; + text-rendering: auto; + vertical-align: top; + width: 50%; + word-spacing: normal +} + +.grid-cell > * { + padding: 0 15px +} + +.inline-block-list { + list-style-type: none; + margin: 0; + padding: 0 +} + +.inline-block-list li { + display: inline-block; + margin: 0 0 0 1.5em; + padding: 0; + vertical-align: top +} + +.inline-block-list li:first-child { + margin-left: 0 +} + +.flex-embed { + background-color: #000; + box-shadow: 0 0 10px #000; + height: 0; + overflow: hidden; + padding-bottom: 56.25%; + position: relative +} + +.flex-embed a, .flex-embed img { + bottom: 0; + height: 100%; + left: 0; + position: absolute; + top: 0; + width: 100% +} + +.flex-embed .play-btn { + background: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjMDAwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBkPSJNMjU2LDkyLjQ4MWM0NC40MzMsMCw4Ni4xOCwxNy4wNjgsMTE3LjU1Myw0OC4wNjRDNDA0Ljc5NCwxNzEuNDExLDQyMiwyMTIuNDEzLDQyMiwyNTUuOTk5cy0xNy4yMDYsODQuNTg4LTQ4LjQ0OCwxMTUuNDU1Yy0zMS4zNzIsMzAuOTk0LTczLjEyLDQ4LjA2NC0xMTcuNTUyLDQ4LjA2NHMtODYuMTc5LTE3LjA3LTExNy41NTItNDguMDY0QzEwNy4yMDYsMzQwLjU4Nyw5MCwyOTkuNTg1LDkwLDI1NS45OTlzMTcuMjA2LTg0LjU4OCw0OC40NDgtMTE1LjQ1M0MxNjkuODIxLDEwOS41NSwyMTEuNTY4LDkyLjQ4MSwyNTYsOTIuNDgxIE0yNTYsNTIuNDgxIGMtMTEzLjc3MSwwLTIwNiw5MS4xMTctMjA2LDIwMy41MThjMCwxMTIuMzk4LDkyLjIyOSwyMDMuNTIsMjA2LDIwMy41MmMxMTMuNzcyLDAsMjA2LTkxLjEyMSwyMDYtMjAzLjUyQzQ2MiwxNDMuNTk5LDM2OS43NzIsNTIuNDgxLDI1Niw1Mi40ODFMMjU2LDUyLjQ4MXogTTIwNi41NDQsMzU3LjE2MVYxNTkuODMzbDE2MC45MTksOTguNjY2TDIwNi41NDQsMzU3LjE2MXoiPjwvcGF0aD48L3N2Zz4K); + height: 150px; + left: 50%; + margin-left: -75px; + margin-top: -75px; + position: absolute; + top: 50%; + -webkit-transition: 1s; + transition: 1s; + width: 150px +} + +.flex-embed:hover .play-btn { + opacity: .5 +} + +.clearfix:after, .clearfix:before { + content: ' '; + display: table +} + +.clearfix:after { + clear: both +} + +.clearfix { + *zoom: 1 +} + +.container { + margin: 0 auto; + max-width: 760px; + padding: 0 10px +} + +.aside { + background-color: #eee; + border: solid #e3e3e3; + border-width: 1px 0; + font-size: 1.125em; + padding: 1em 0 +} + +.btn, .cta-option { + display: inline-block; + position: relative +} + +.cta-option { + margin: 2.5em .5em 0; + vertical-align: top +} + +.btn { + color: #fff; + font-size: 1.5em; + padding: .6em 1em; + text-decoration: none; + text-shadow: 0 -1px 0 rgba(0, 0, 0, .5); + vertical-align: middle; + border-radius: 4px; + border: 1px solid #333 +} + +.btn:active, .btn:focus, .btn:hover { + text-decoration: none +} + +.btn-download { + background-color: #d9750b; + background-image: -webkit-linear-gradient(#f90 10%, #e76a00 100%); + background-image: linear-gradient(#f90 10%, #e76a00 100%); + box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset, 0 1px 3px rgba(0, 0, 0, .2); + border: 1px solid #995309 +} + +.btn-download:active, .btn-download:focus, .btn-download:hover { + background-color: #e0811b; + background-image: -webkit-linear-gradient(#f0a100 10%, #f70 100%); + background-image: linear-gradient(#f0a100 10%, #f70 100%) +} + +.btn-download:active { + background-color: #cf6a00; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .2) inset +} + +.btn-alt { + background-color: #444; + border-color: #222; + box-shadow: none; + font-size: 1.25em; + margin-top: .25em +} + +.btn-alt:active, .btn-alt:focus, .btn-alt:hover { + background-color: #555 +} + +.star { + color: #e08524 +} + +.Icon { + display: inline-block; + height: 16px; + margin: -3px 1px 0 0; + vertical-align: middle; + width: 16px +} + +.Icon--github { + background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMjEgMTIxIj48ZyBmaWxsPSIjMTkxNzE3Ij48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTYwLjUgMS42Yy0zMy4zIDAtNjAuNCAyNy02MC40IDYwLjQgMCAyNi43IDE3LjMgNDkuMyA0MS4zIDU3LjMgMyAuNiA0LjEtMS4zIDQuMS0yLjkgMC0xLjQtLjEtNi4yLS4xLTExLjItMTYuNyAzLjYtMjAuMy03LjItMjAuMy03LjItMi43LTctNi43LTguOC02LjctOC44LTUuNS0zLjcuNC0zLjcuNC0zLjcgNi4xLjQgOS4zIDYuMiA5LjMgNi4yIDUuNCA5LjIgMTQuMSA2LjYgMTcuNiA1IC41LTMuOSAyLjEtNi42IDMuOC04LjEtMTMuNC0xLjQtMjcuNS02LjYtMjcuNS0yOS44IDAtNi42IDIuNC0xMiA2LjItMTYuMi0uNi0xLjUtMi43LTcuNy42LTE2IDAgMCA1LjEtMS42IDE2LjYgNi4yIDQuOC0xLjMgMTAtMiAxNS4xLTJzMTAuMy43IDE1LjEgMmMxMS41LTcuOCAxNi42LTYuMiAxNi42LTYuMiAzLjMgOC4zIDEuMiAxNC41LjYgMTYgMy45IDQuMiA2LjIgOS42IDYuMiAxNi4yIDAgMjMuMi0xNC4xIDI4LjMtMjcuNSAyOS44IDIuMiAxLjkgNC4xIDUuNSA0LjEgMTEuMiAwIDguMS0uMSAxNC42LS4xIDE2LjYgMCAxLjYgMS4xIDMuNSA0LjEgMi45IDI0LTggNDEuMy0zMC42IDQxLjMtNTcuMyAwLTMzLjQtMjctNjAuNC02MC40LTYwLjR6Ii8+PHBhdGggZD0iTTIzIDg4LjNjLS4xLjMtLjYuNC0xIC4ycy0uNy0uNi0uNS0uOWMuMS0uMy42LS40IDEtLjJzLjYuNi41Ljl6bS0uOC0uNU0yNS40IDkxYy0uMy4zLS45LjEtMS4yLS4zLS40LS40LS41LTEtLjItMS4zLjMtLjMuOC0uMSAxLjIuMy41LjUuNSAxLjEuMiAxLjN6bS0uNS0uNk0yNy44IDk0LjVjLS40LjMtMSAwLTEuMy0uNS0uNC0uNS0uNC0xLjIgMC0xLjQuNC0uMyAxIDAgMS4zLjUuNC41LjQgMS4xIDAgMS40em0wIDBNMzEuMSA5Ny45Yy0uMy40LTEgLjMtMS42LS4yLS41LS41LS43LTEuMi0uMy0xLjUuMy0uNCAxLS4zIDEuNi4yLjUuNC42IDEuMS4zIDEuNXptMCAwTTM1LjYgOTkuOGMtLjEuNS0uOC43LTEuNS41LS43LS4yLTEuMS0uOC0xLTEuMi4xLS41LjgtLjcgMS41LS41LjcuMiAxLjEuNyAxIDEuMnptMCAwTTQwLjUgMTAwLjJjMCAuNS0uNi45LTEuMy45LS43IDAtMS4zLS40LTEuMy0uOXMuNi0uOSAxLjMtLjljLjcgMCAxLjMuNCAxLjMuOXptMCAwTTQ1LjEgOTkuNGMuMS41LS40IDEtMS4xIDEuMS0uNy4xLTEuMy0uMi0xLjQtLjctLjEtLjUuNC0xIDEuMS0xLjEuNy0uMSAxLjMuMiAxLjQuN3ptMCAwIi8+PC9nPjwvc3ZnPgo=) +} + +.Icon--html5 { + background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjUwIDEwMSA0MTIgNDEyIj48cGF0aCBmaWxsPSIjRTQ0RDI2IiBkPSJNMTA3LjY0NCA0NzAuODc3bC0zMy4wMTEtMzcwLjI1N2gzNjIuNzM0bC0zMy4wNDYgMzcwLjE5OS0xNDguNTQzIDQxLjE4MXoiLz48cGF0aCBmaWxsPSIjRjE2NTI5IiBkPSJNMjU2IDQ4MC41MjNsMTIwLjAzLTMzLjI3NyAyOC4yNC0zMTYuMzUyaC0xNDguMjd6Ii8+PHBhdGggZmlsbD0iI0VCRUJFQiIgZD0iTTI1NiAyNjguMjE3aC02MC4wOWwtNC4xNS00Ni41MDFoNjQuMjR2LTQ1LjQxMWgtMTEzLjg2OGwxLjA4NyAxMi4xODMgMTEuMTYxIDEyNS4xMzloMTAxLjYyem0wIDExNy45MzZsLS4xOTkuMDUzLTUwLjU3NC0xMy42NTYtMy4yMzMtMzYuMjE3aC00NS41ODVsNi4zNjIgNzEuMzAxIDkzLjAyIDI1LjgyMy4yMDktLjA1OHoiLz48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMjU1Ljg0MyAyNjguMjE3djQ1LjQxaDU1LjkxOGwtNS4yNzEgNTguODk0LTUwLjY0NyAxMy42N3Y0Ny4yNDRsOTMuMDk0LTI1LjgwMS42ODMtNy42NzIgMTAuNjcxLTExOS41NTEgMS4xMDgtMTIuMTk0aC0xMi4yMzd6bTAtOTEuOTEydjQ1LjQxMWgxMDkuNjg4bC45MTEtMTAuMjA3IDIuMDY5LTIzLjAyMSAxLjA4Ni0xMi4xODN6Ii8+PC9zdmc+Cg==) +} + +.Icon--stackoverflow { + background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjMgMi44IDU4LjIgNTgiPjxwYXRoIGQ9Ik05LjMwNSAzNi44NDhsNC40MDEuMDQzLS4xNTMgMTkuNTk4aDI5LjI5MXYtMTkuNTI4aDQuNjM4djI0LjI4N2gtMzguMjAxbC4wMjQtMjQuNDAxem03LjE3NyAxMS41ODZoMjIuOTQ1djQuODgyaC0yMi45NDV6IiBmaWxsPSIjOTE5MTkxIi8+PHBhdGggZmlsbD0iI2E3OGI2OCIgZD0iTTE3LjAyIDM5LjY0OGwyMi45NiAyLjIxNi0uNDgxIDQuOTgxLTIyLjk2LTIuMjE2eiIvPjxwYXRoIGZpbGw9IiNjMTk2NTMiIGQ9Ik0xOS4xMjEgMjkuNzEzbDIyLjIgNi4yNjYtMS4zNTkgNC44MTYtMjIuMi02LjI2NnoiLz48cGF0aCBmaWxsPSIjZDQ4YzI4IiBkPSJNMjQuNTAxIDE4LjQ4NGwxOS43NDUgMTEuOTI2LTIuNTg3IDQuMjgzLTE5Ljc0NS0xMS45MjZ6Ii8+PHBhdGggZmlsbD0iI2ZlODkwOCIgZD0iTTM1LjczMyA3Ljg0OWwxMy40MzUgMTguNzUxLTQuMDY4IDIuOTE0LTEzLjQzNS0xOC43NTF6Ii8+PHBhdGggZmlsbD0iI2ZmN2ExNSIgZD0iTTUxLjM0IDIuNzUxbDMuODAyIDIyLjc1Mi00LjkzNi44MjUtMy44MDItMjIuNzUyeiIvPjwvc3ZnPgo=) +} + +.site-header { + padding-top: 50px +} + +.site-logo { + color: #fff; + float: left; + font-size: 25px; + font-weight: 700; + line-height: 32px; + text-decoration: none; + text-shadow: 2px 2px 0 #000; + text-transform: uppercase +} + +.site-nav { + float: right; + list-style-type: none; + margin: 7px 0 0; + padding: 0 +} + +.site-nav a { + color: #ffa000; + display: block; + text-decoration: none; + text-transform: uppercase +} + +.site-nav a:active, .site-nav a:focus, .site-nav a:hover { + color: #fff +} + +.site-promo { + padding: 4em 0 6em; + color: white; +} + +.site-promo .description { + color: #ddd; + font-size: 1.2em; + margin: 1em 2em 0 +} + +.last-update { + color: #999; + display: block; + font-size: .75em; + margin-top: 10px +} + +.site-section { + background-color: #f9f9f9; + color: #333; + overflow: hidden; + padding: 2em 0 2em +} + +.site-section-gray { + background-color: #f5f5f5; + color: #333; + overflow: hidden; + padding: 2em 0 2em +} + +.site-section-dark { + background-color: transparent; + color: #fff; + text-align: center; + padding: 2em 0 3em +} + +.site-section-dark .content { + max-width: 720px; + margin: auto; + padding: 10px +} + +.site-section-dark h2 { + margin: 1em 0 +} +.site-section-dark h3 { + color: white; +} + +.in-the-wild { + font-size: 1.25em; + margin: 0 auto; + max-width: 720px +} + +.site-footer { + font-size: .875em; + padding: 2em +} + +.site-footer a { + color: #ffa000 +} + +@media only screen and (max-width: 800px) { + .site-logo, .site-nav { + float: none + } + + .site-nav li { + margin: 0 .5em + } + + .site-header { + padding-top: 40px + } + + .site-promo { + padding: 3em 0; + color: white; + } + + .site-section { + padding: 0 1em 4em + } +} + +@media only screen and (max-width: 600px) { + html { + font-size: 14px + } + + .last-update, .site-footer { + font-size: 1em + } +} + +@media only screen and (max-width: 460px) { + .grid-cell { + width: 100% + } +} + +@media only screen and (max-width: 420px) { + h1 { + font-size: 2.5em + } + + html { + font-size: 13px + } +} + +@media print { + * { + background-color: transparent !important; + box-shadow: none !important; + color: #000 !important; + text-shadow: none !important + } + + a, a:visited { + text-decoration: underline + } + + img { + page-break-inside: avoid; + max-width: 100% !important + } + + h1 { + padding: 1em 0 0 + } + + .site-promo { + margin: 1em; + padding: 0; + color: white; + } + + .site-section { + padding: 0; + margin: 2em 1em + } + + .site-section-dark { + display: none + } + + h2, h3, p { + orphans: 3; + widows: 3 + } + + h2, h3 { + page-break-after: avoid + } +} +</style> + +<script> + // --- OPTIONS FOR THE DASHBOARD -- + + // this section has to appear before loading dashboard.js + + // Select a theme. + // uncomment on of the two themes: + + // var netdataTheme = 'default'; // this is white + var netdataTheme = 'slate'; // this is dark + + var netdataNoBootstrap = true; + + // Set the default netdata server. + // on charts without a 'data-host', this one will be used. + // the default is the server that dashboard.js is downloaded from. + + // var netdataServer = 'http://my.server:19999/'; +</script> + +<!-- + --- LOAD dashboard.js --- + + to host this HTML file on your web server, + you have to load dashboard.js from the netdata server. + + So, pick one the two below + If you pick the first, set the server name/IP. + + The second assumes you host this file on /usr/share/netdata/web + and that you have chown it to be owned by netdata:netdata +--> +<!-- <script type="text/javascript" src="http://my.server:19999/dashboard.js"></script> --> +<script type="text/javascript" src="dashboard.js?v20170724-1"></script> + +<script> + // --- OPTIONS FOR THE CHARTS -- + + // destroy charts not shown (lowers memory on the browsers) + // set this to 'true' to destroy, 'false' to hide the charts + NETDATA.options.current.destroy_on_hide = false; + + // set this to false, to always show all dimensions + NETDATA.options.current.eliminate_zero_dimensions = true; + + // set this to false, to lower the pressure on the browser + NETDATA.options.current.concurrent_refreshes = true; + + // if you need to support slow mobile phones, set this to false + NETDATA.options.current.parallel_refresher = true; + + // set this to false, to always update the charts, even if focus is lost + NETDATA.options.current.stop_updates_when_focus_is_lost = true; + + // since we have many servers and limited sockets, + // abort ajax calls when we scroll + NETDATA.options.current.abort_ajax_on_scroll = true; + + // do not to give errors on netdata demo servers for 60 seconds + NETDATA.options.current.retries_on_data_failures = 60; +</script> + +<style> + .mygauge-combo { + display: inline-block; + } + + .mygauge-combo20 { + display: inline-block; + min-width: 150px; + width: 49%; + padding-top: 40px; + text-align: center; + } + + .mygauge-combo30 { + display: inline-block; + min-width: 150px; + width: 32%; + padding-top: 40px; + text-align: center; + } + + .mygauge { + position: relative; + display: block; + width: 171px; + /* height: 150px; */ + } + + .mygauge-button { + display: block; + } + + .mygauge-legend-button { + font-size: 13px; + } + + .mygause-donation { + font-size: 9px; + color: #999; + } + + .mysparkline { + position: relative; + display: inline-block; + width: 100%; + height: 50px; + text-align: left; + } + + .mysparkline-overchart-label { + position: absolute; + display: block; + top: -15px; + left: 10px; + bottom: 0; + right: 0; + font-size: 14px; + z-index: 1; + pointer-events: none; + } + + .mysparkline-overchart-label2 { + position: absolute; + display: block; + top: -15px; + left: 10px; + bottom: 0; + right: 0; + font-size: 8px; + color: #676b70; + z-index: 1; + pointer-events: none; + } + + .mysparkline-overchart-value { + position: absolute; + display: block; + top: 0px; + left: 10px; + bottom: 0; + right: 0; + font-size: 40px; + z-index: 2; + text-shadow: #333 0px 0px 2px; + pointer-events: none; + } + + .mysparkline-overchart-value-center { + position: absolute; + display: block; + top: 5px; + left: 0px; + bottom: 0; + right: 0; + font-size: 35px; + font-weight: bold; + text-align: center; + z-index: 2; + text-shadow: #333 0px 0px 2px; + pointer-events: none; + } + + .fb-share-button span { + top: 0px; + } + .fb-like span { + top: 0px; + } + .fb-follow span { + top: 0px; + } + +</style> +</head> +<body> +<div class=container> + <div class="site-header clearfix" role=banner> + <div class=site-logo>my-netdata.io</div> + <ul class="site-nav inline-block-list"> + <li><a href=https://github.com/netdata/netdata data-ga-category="Outbound links" data-ga-action="Nav click" data-ga-label="Source code" target="_blank">Source code</a> + <li><a href=https://docs.netdata.cloud data-ga-category="Outbound links" data-ga-action="Nav click" data-ga-label=Docs target="_blank">Docs</a> + </ul> + </div> + <div class=site-promo><h1><span class="title">Monitor your systems and applications, the right way!</span></h1> + <p class=description> + <strong>Unparalleled</strong> insights, in <strong>real-time</strong>, + of <strong>everything</strong> happening on your systems and applications, + with stunning, <strong>interactive</strong> web dashboards + and powerful <strong>performance</strong> and <strong>health</strong> alarms. + <div class=cta-option> + <a class="btn btn-download" href="https://docs.netdata.cloud/packaging/installer/" data-ga-category="Outbound links" data-ga-action="Nav click" data-ga-label=Install><strong>Install netdata now</strong></a> + <a class=last-update href="https://github.com/netdata/netdata/releases" data-ga-category="Outbound links" data-ga-action="Nav click" data-ga-label=Releases>See netdata releases</a></div> + <div class=cta-option> + <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> + </div> + </div> +</div> +<div class=site-section> + <div class=container><h2>Enter the world of Netdata!</h2> + <div class="grid-title"> + <h3><span class=star>★</span> 1s granularity</h3> + </div> + <div class=grid> + <div class=grid-cell> + <p> + <b>Per second</b> data collection and visualization, for all metrics! + </p> + <p> + Netdata <b>zooms into the problems</b> by providing higher resolution information, compared to any other monitoring solution. + </p> + </div> + <div class=grid-cell> + <p class="quote"><i> + The world goes real-time. + <br/> <br/> + High resolution metrics are required to effectively monitor and troubleshoot systems and applications, especially on virtual environments. + </i></p> + </div> + </div> + </div> + <div> + <a href="https://docs.netdata.cloud/docs/why-netdata/1s-granularity/">Learn more about high resolution metrics</a> + </div> +</div> + +<div class="site-section site-section-gray"> + <div class=container> + <div class="grid-title"> + <h3><span class=star>★</span> Unlimited metrics</h3> + </div> + <div class=grid> + <div class=grid-cell> + <p> + Use all the metrics, from all available sources! + </p> + <p> + Netdata collects all the metrics native console tools do. It has been <b>designed to kill the console</b> for troubleshooting infrastructure slowdowns and outages. + </p> + </div> + <div class=grid-cell> + <p class="quote"><i> + All metrics are important and all should be available when you need them. + <br/> <br/> + Filtering out most metrics is like reading a book by skipping most of its pages. + </i></p> + </div> + </div> + </div> + <div> + <a href="https://docs.netdata.cloud/docs/why-netdata/unlimited-metrics/">Learn more about unlimited metrics</a> + </div> +</div> +<div class="site-section"> + <div class=container> + <div class="grid-title"> + <h3><span class=star>★</span> Meaningful presentation</h3> + </div> + <div class=grid> + <div class=grid-cell> + <p> + Explore all metrics in a meaningful, easy to understand way! + </p> + <p> + Netdata engineers and experts on our community organize metrics in a meaningful way, so that you can learn and understand them right on the job, while troubleshooting issues of your infrastructure. + </p> + </div> + <div class=grid-cell> + <p class="quote"><i> + Metrics are a lot more than name-value pairs over time. + <br/> <br/> + It is just not practical to require from all users to have a deep understanding of all metrics for monitoring their systems and applications. + </i></p> + </div> + </div> + </div> + <div> + <a href="https://docs.netdata.cloud/docs/why-netdata/meaningful-presentation/">Learn more about meaningful presentation</a> + </div> +</div> + +<div class="site-section site-section-gray"> + <div class=container> + <div class="grid-title"> + <h3><span class=star>★</span> Immediate results</h3> + </div> + <div class=grid> + <div class=grid-cell> + <p> + Install and use immediately! Get fully functional visualization and alarms, in just a couple of seconds after installation! + </p> + <p> + Netdata <b>decouples your skills from your monitoring infrastructure</b>. + No matter how skillful or novice you are, Netdata will apply all the community knowledge and expertise to your monitoring infrastructure. + </p> + </div> + <div class=grid-cell> + <p class="quote"><i> + Most of our infrastructure is based on standardized systems and applications. + <br/> <br/> + It is a tremendous waste of time and effort, in a global scale, to require from all users to configure their infrastructure dashboards and alarms metric by metric. + </i></p> + </div> + </div> + </div> + <div> + <a href="https://docs.netdata.cloud/docs/why-netdata/immediate-results/">Learn more about immediate results</a> + </div> +</div> + +<div class="site-section site-section-dark"> + <div class=container><h2>How it works</h2> + <div style="padding-bottom: 1em"> + <p> + Netdata is a monitoring agent you install on all your systems: + <br/> + <b>physical servers</b>, <b>virtual servers</b>, <b>containers</b>, <b>IoT</b>. + </p> + <p> + Netdata is lightweight, designed to permanently run on all systems without disrupting their core function. + By default, it needs just 1% CPU of a single core, a few MB or RAM and no disk I/O at all. + </p> + <p> + Each Netdata is (by default) autonomous, taking care of all the following. + <br/>But all your Netdata are integrated into one large distributed application. + </p> + </div> + <div class=grid> + <div class=grid-cell><h3><span class=star>★</span> Collect</h3> + <p> + Netdata automatically detects data collection sources on the host it runs. + It comes with hundreds of plugins for collecting system and application metrics, + including databases, web servers, and commonly used application servers. + <br/> <br/> + Netdata is also a high performance, distributed <b>statsd server</b>, allowing custom + application metrics to be collected and visualized. + </p> + </div> + <div class=grid-cell><h3><span class=star>★</span> Check (alarms)</h3> + <p> + Each Netdata spawns a thread that examines the metrics as they get collected, + evaluates pre-configured alarm expressions and triggers alarm notifications. + <br/> <br/> + Netdata comes with hundreds of alarms to detect common system and application issues, + that are automatically attached to the collected metrics, + supporting dozens of alarm notification integrations. + </p> + </div> + <div class=grid-cell><h3><span class=star>★</span> Stream</h3> + <p> + Each Netdata can stream its metrics, in real-time, to any other Netdata. + Streaming allows Netdata to be used in ephemeral nodes and containers in auto-scaled environments, + but it also allows building Netdata hierarchies for aggregating the metrics of multiple Netdata nodes. + </p> + </div> + <div class=grid-cell><h3><span class=star>★</span> Store</h3> + <p> + Each Netdata has its own internal metrics database. This database is optimized + for minimal memory footprint, and due to its lockless design allows one writer + and multiple readers per metric, concurrently, contributing significantly to + the performance of Netdata. + </p> + </div> + <div class=grid-cell><h3><span class=star>★</span> Archive</h3> + <p> + Netdata can archive its metrics to time-series databases (prometheus, graphite, opentsdb, json document dbs, etc) + so that Netdata can be integrated to existing monitoring tool-chains. + </p> + </div> + <div class=grid-cell><h3><span class=star>★</span> Visualize</h3> + <p> + The best part of Netdata is its visualization. Low latency, speedy and snazzy. + <br/> <br/> + Netdata dashboards are optimized for visual anomaly detection, a powerful tool to troubleshoot + performance issues. + </p> + </div> + </div> + </div> +</div> + +<div class="site-section"> + +</div> + + +<div id="demosites" class="site-section site-section-dark"><h2>netdata live demo sites</h2> + <div class="content"> + <div class="container" style="text-align: center;"> + + <div class="mygauge-combo"> + <div class="mygauge"> + <div data-netdata="netdata.requests" + data-host="//london.my-netdata.io" + data-title="EU - London" + data-chart-library="gauge" + data-decimal-digits="0" + data-common-max="top-gauges" + data-width="100%" + data-after="-300" + data-points="300" + data-colors="#558855" + ></div> + </div> + <div class="mygauge-button"> + <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> + <div class="mygause-donation"> + Donated by DigitalOcean.com + </div> + </div> + </div> + <div class="mygauge-combo"> + <div class="mygauge"> + <div data-netdata="netdata.requests" + data-host="//atlanta.my-netdata.io" + data-title="US - Atlanta" + data-chart-library="gauge" + data-decimal-digits="0" + data-common-max="top-gauges" + data-width="100%" + data-after="-300" + data-points="300" + data-colors="#AA5555" + ></div> + </div> + <div class="mygauge-button"> + <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> + <div class="mygause-donation"> + Donated by CDN77.com + </div> + </div> + </div> + <div class="mygauge-combo"> + <div class="mygauge"> + <div data-netdata="netdata.requests" + data-host="//sanfrancisco.my-netdata.io" + data-title="US - California" + data-chart-library="gauge" + data-decimal-digits="0" + data-common-max="top-gauges" + data-width="100%" + data-after="-300" + data-points="300" + data-colors="#5555AA" + ></div> + </div> + <div class="mygauge-button"> + <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> + <div class="mygause-donation"> + Donated by DigitalOcean.com + </div> + </div> + </div> + <div class="mygauge-combo"> + <div class="mygauge"> + <div data-netdata="netdata.requests" + data-host="//toronto.my-netdata.io" + data-title="Canada" + data-chart-library="gauge" + data-decimal-digits="0" + data-common-max="top-gauges" + data-width="100%" + data-after="-300" + data-points="300" + data-colors="#885588" + ></div> + </div> + <div class="mygauge-button"> + <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> + <div class="mygause-donation"> + Donated by DigitalOcean.com + </div> + </div> + </div> + <br/> <br/> + <div class="mygauge-combo"> + <div class="mygauge"> + <div data-netdata="netdata.requests" + data-host="//frankfurt.my-netdata.io" + data-title="EU - Germany" + data-chart-library="easypiechart" + data-decimal-digits="0" + data-common-max="top-gauges" + data-width="75%" + data-after="-300" + data-points="300" + data-colors="#AAAA55" + ></div> + </div> + <div class="mygauge-button"> + <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> + <div class="mygause-donation"> + Donated by DigitalOcean.com + </div> + </div> + </div> + <div class="mygauge-combo"> + <div class="mygauge"> + <div data-netdata="netdata.requests" + data-host="//newyork.my-netdata.io" + data-title="US - New York" + data-chart-library="easypiechart" + data-decimal-digits="0" + data-common-max="top-gauges" + data-width="75%" + data-after="-300" + data-points="300" + data-colors="#BB5533" + ></div> + </div> + <div class="mygauge-button"> + <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> + <div class="mygause-donation"> + Donated by DigitalOcean.com + </div> + </div> + </div> + <div class="mygauge-combo"> + <div class="mygauge"> + <div data-netdata="netdata.requests" + data-host="//singapore.my-netdata.io" + data-title="Singapore" + data-chart-library="easypiechart" + data-decimal-digits="0" + data-common-max="top-gauges" + data-width="75%" + data-after="-300" + data-points="300" + data-colors="#5588BB" + ></div> + </div> + <div class="mygauge-button"> + <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> + <div class="mygause-donation"> + Donated by DigitalOcean.com + </div> + </div> + </div> + <div class="mygauge-combo"> + <div class="mygauge"> + <div data-netdata="netdata.requests" + data-host="//bangalore.my-netdata.io" + data-title="India" + data-chart-library="easypiechart" + data-decimal-digits="0" + data-common-max="top-gauges" + data-width="75%" + data-after="-300" + data-points="300" + data-colors="#BB55BB" + ></div> + </div> + <div class="mygauge-button"> + <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> + <div class="mygause-donation"> + Donated by DigitalOcean.com + </div> + </div> + </div> + <div style="padding-top: 20px;"> + <div class="mygauge-combo"> + <div class="mygauge"> + <div style="padding-bottom: 20px; font-size: 10px; color: #676b70;"> + <b>Isreal</b> + </div> + <div class="mysparkline"> + <div class="mysparkline-overchart-label2"> + requests/s + </div> + <div class="mysparkline-overchart-value" id="octopuscs.requests.netdata" > + </div> + <div data-netdata="netdata.requests" + data-dimensions="requests" + data-host="//octopuscs.my-netdata.io" + data-common-max="top-gauges" + data-decimal-digits="0" + data-chart-library="dygraph" + data-dygraph-theme="sparkline" + data-dygraph-type="area" + data-width="100%" + data-height="100%" + data-after="-300" + data-colors="#4BFF91" + data-show-value-of-requests-at="octopuscs.requests.netdata" + ></div> + </div> + </div> + <div class="mygauge-button"> + <a class="btn btn-alt mygauge-legend-button" href=//octopuscs.my-netdata.io/default.html data-ga-category="Outbound links" data-ga-action="Nav click" data-ga-label=DemoOctopuscs><strong>Enter Isreal!</strong></a> + <div class="mygause-donation"> + Donated by octopuscs.com + </div> + </div> + </div> + <div class="mygauge-combo"> + <div class="mygauge"> + <div style="padding-bottom: 20px; font-size: 10px; color: #676b70;"> + <b>EU - France</b> + </div> + <div class="mysparkline"> + <div class="mysparkline-overchart-label2"> + requests/s + </div> + <div class="mysparkline-overchart-value" id="ventureer.requests.netdata" > + </div> + <div data-netdata="netdata.requests" + data-dimensions="requests" + data-host="//ventureer.my-netdata.io" + data-common-max="top-gauges" + data-decimal-digits="0" + data-chart-library="dygraph" + data-dygraph-theme="sparkline" + data-dygraph-type="area" + data-width="100%" + data-height="100%" + data-after="-300" + data-colors="#FF4B91" + data-show-value-of-requests-at="ventureer.requests.netdata" + ></div> + </div> + </div> + <div class="mygauge-button"> + <a class="btn btn-alt mygauge-legend-button" href=//ventureer.my-netdata.io/default.html data-ga-category="Outbound links" data-ga-action="Nav click" data-ga-label=DemoVentureer><strong>Enter Roubaix!</strong></a> + <div class="mygause-donation"> + Donated by ventureer.com + </div> + </div> + </div> + <div class="mygauge-combo"> + <div class="mygauge"> + <div style="padding-bottom: 20px; font-size: 10px; color: #676b70;"> + <b>EU - Spain</b> + </div> + <div class="mysparkline"> + <div class="mysparkline-overchart-label2"> + requests/s + </div> + <div class="mysparkline-overchart-value" id="stackscale.requests.netdata" > + </div> + <div data-netdata="netdata.requests" + data-dimensions="requests" + data-host="//stackscale.my-netdata.io" + data-common-max="top-gauges" + data-decimal-digits="0" + data-chart-library="dygraph" + data-dygraph-theme="sparkline" + data-dygraph-type="area" + data-width="100%" + data-height="100%" + data-after="-300" + data-colors="#4B91FF" + data-show-value-of-requests-at="stackscale.requests.netdata" + ></div> + </div> + </div> + <div class="mygauge-button"> + <a class="btn btn-alt mygauge-legend-button" href=//stackscale.my-netdata.io/default.html data-ga-category="Outbound links" data-ga-action="Nav click" data-ga-label=DemoStackScale><strong>Enter Madrid!</strong></a> + <div class="mygause-donation"> + Donated by stackscale.com + </div> + </div> + </div> + <div class="mygauge-combo"> + <div class="mygauge"> + </div> + </div> + </div> + </div> + + <div class="container" style="padding-top: 40px; text-align: center;"> + Charts are coming from all servers, <b>in parallel</b>. + <br/> + The servers are <b>not aware</b> of this multi-server dashboard. + </div> + + <div class="container" style="padding-top: 40px; padding-bottom: 40px; text-align: center;"> + <div class="mysparkline"> + <div class="mysparkline-overchart-label"> + <b>EU - London</b> connected clients + </div> + <div class="mysparkline-overchart-value" id="nginx_local.connections.netdata" > + </div> + <div data-netdata="nginx_local.connections" + data-dimensions="active" + data-host="//london.my-netdata.io" + data-decimal-digits="0" + data-common-max="web-connections" + data-chart-library="dygraph" + data-dygraph-theme="sparkline" + data-dygraph-type="area" + data-width="100%" + data-height="100%" + data-after="-300" + data-colors="#558855" + data-show-value-of-active-at="nginx_local.connections.netdata" + ></div> + </div> + </div> + + <div class="container" style="padding-top: 0px; text-align: center;"> + Each server is <b>not aware</b> of the other servers. + <br/> + But on this dashboard <b>they are one</b>! (hover on the chart above) + </div> + + + <!-- + <div style="padding-top: 40px; color: #999;"> + <small>We would love to show demos of IoT devices running netdata.<br/> + 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> + </div> + --> + </div> +</div> + +<div class=site-section><h2>Who uses netdata?</h2> + <div class="content"> + <div class="container" style="text-align: center;"> + <p> + Netdata is used by hundreds of thousands of users all over the world. + <br/> <br/> + Check our <a href="https://github.com/netdata/netdata/watchers">GitHub watchers</a> list. + <br/> + You will find people working for <b>Amazon</b>, <b>Atos</b>, <b>Baidu</b>, <b>Cisco Systems</b>, <b>Citrix</b>, + <b>Deutsche Telekom</b>, <b>DigitalOcean</b>, <b>Elastic</b>, <b>EPAM Systems</b>, <b>Ericsson</b>, <b>Google</b>, + <b>Groupon</b>, <b>Hortonworks</b>, <b>HP</b>, <b>Huawei</b>, <b>IBM</b>, <b>Microsoft</b>, <b>NewRelic</b>, + <b>Nvidia</b>, <b>Red Hat</b>, <b>SAP</b>, <b>Selectel</b>, <b>TicketMaster</b>, <b>Vimeo</b>, and many more! + </p> + <small> + The following figures come from users using the <a href="https://github.com/netdata/netdata/tree/master/registry" 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> + <div class="container" style="padding-top: 40px; text-align: center; width: 30%; min-width: 220px; display: inline-block;"> + <div class="mysparkline"> + <div class="mysparkline-overchart-label"> + netdata <b>unique users</b> + </div> + <div class="mysparkline-overchart-value-center" id="netdata.registry_entries.persons.netdata" > + </div> + <div data-netdata="netdata.registry_entries" + data-dimensions="persons" + data-host="//london.my-netdata.io" + data-decimal-digits="0" + data-chart-library="dygraph" + data-dygraph-theme="sparkline" + data-dygraph-type="area" + data-width="100%" + data-height="100%" + data-after="-300" + data-colors="#558855" + data-show-value-of-persons-at="netdata.registry_entries.persons.netdata" + ></div> + </div> + </div> + <div class="container" style="padding-top: 40px; text-align: center; width: 30%; min-width: 220px; display: inline-block;"> + <div class="mysparkline"> + <div class="mysparkline-overchart-label"> + netdata <b>monitored servers</b> + </div> + <div class="mysparkline-overchart-value-center" id="netdata.registry_entries.machines.netdata" > + </div> + <div data-netdata="netdata.registry_entries" + data-dimensions="machines" + data-host="//london.my-netdata.io" + data-decimal-digits="0" + data-chart-library="dygraph" + data-dygraph-theme="sparkline" + data-dygraph-type="area" + data-width="100%" + data-height="100%" + data-after="-300" + data-colors="#558855 #558855 #558855" + data-show-value-of-machines-at="netdata.registry_entries.machines.netdata" + ></div> + </div> + </div> + <div class="container" style="padding-top: 40px; text-align: center; width: 30%; min-width: 220px; display: inline-block;"> + <div class="mysparkline"> + <div class="mysparkline-overchart-label"> + netdata <b>sessions served</b> + </div> + <div class="mysparkline-overchart-value-center" id="netdata.registry_sessions.sessions.netdata" > + </div> + <div data-netdata="netdata.registry_sessions" + data-dimensions="sessions" + data-host="//london.my-netdata.io" + data-decimal-digits="0" + data-chart-library="dygraph" + data-dygraph-theme="sparkline" + data-dygraph-type="area" + data-width="100%" + data-height="100%" + data-after="-300" + data-colors="#558855 #558855 #558855" + data-show-value-of-sessions-at="netdata.registry_sessions.sessions.netdata" + ></div> + </div> + </div> + <p> + + <!-- + <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" /> + <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" /> + <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" /> + <br/><i>(figures come from <a href="https://github.com/netdata/netdata/tree/master/registry" target="_blank">the public netdata registry</a> data, showing only installations that use this registry, counting since May 16th 2016)</i> + <br/> + --> + </p> + <p> + <small> + netdata can generate auto-refreshing <strong><a href="https://github.com/netdata/netdata/tree/master/web/api/badges#netdata-badges" target="_blank" data-ga-category="Outbound links" data-ga-action="Nav click" data-ga-label=Badges>badges</a></strong>, like these: + </small> + <br/> + <embed style="padding-top: 10px; padding-bottom: 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" /> + <embed style="padding-top: 10px; padding-bottom: 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" /> + <embed style="padding-top: 10px; padding-bottom: 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" /> + <br/> + <small>These badges auto-refresh every minute.</small> + </p> + </div> + <div class="container" style="text-align: center;"> + <strong>netdata</strong> is featured at the <a href="https://octoverse.github.com/2016/" target="_blank" data-ga-category="Outbound links" data-ga-action="Nav click" data-ga-label=Octoverse>GitHub's state of the Octoverse 2016</a> + <div style="padding-top: 10px;"> + <a href="https://octoverse.github.com/2016/" target="_blank" data-ga-category="Outbound links" data-ga-action="Nav click" data-ga-label=OctoverseImage> + <img src="https://cloud.githubusercontent.com/assets/2662304/21743260/23ebe62c-d507-11e6-80c0-76b95f53e464.png" width="90%" style="border-radius: 4px; border: 1px solid #fff;"/> + </a> + </div> + </div> + <div class=cta-option> + <a class="btn btn-download" href="https://docs.netdata.cloud/packaging/installer/" data-ga-category="Outbound links" data-ga-action="Nav click" data-ga-label=InstallAfterDemo><strong>Install netdata now</strong></a> + </div> + </div> +</div> +<div class=aside> + <div class=container> + <!-- Place this tag where you want the button to render. --> + <a class="github-button" href="https://github.com/netdata/netdata/subscription" data-style="mega" data-show-count="true" aria-label="Watch netdata/netdata on GitHub"><img src="https://img.shields.io/github/watchers/netdata/netdata.svg?style=flat&label=Github%20Watchers"></a> + <!-- Place this tag where you want the button to render. --> + <a class="github-button" href="https://github.com/netdata/netdata" data-style="mega" data-show-count="true" aria-label="Star netdata/netdata on GitHub"><img src="https://img.shields.io/github/stars/netdata/netdata.svg?style=flat&label=Github%20Stars"></a> + <!-- Place this tag where you want the button to render. --> + <a class="github-button" href="https://github.com/netdata/netdata/fork" data-style="mega" data-show-count="true" aria-label="Fork netdata/netdata on GitHub"><img src="https://img.shields.io/github/forks/netdata/netdata.svg?style=flat&label=Github%20Repo%20Forks"></a> + </div> +</div> + +<!-- the footer --> +<div class=site-footer role=contentinfo> + <p> + <div style="display: inline-block;"> + <div style="vertical-align:top;display:inline-block; height: 34px;">twitter:</div> + <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> + <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> + </div> + <div style="display: inline-block;"> + <div style="vertical-align:top;display:inline-block; height: 34px; padding-left: 10px;">facebook:</div> + <div class="fb-like" data-href="https://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> + <div class="fb-share-button" data-href="https://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=https%3A%2F%2Fmy-netdata.io%2F&src=sdkpreparse" style="vertical-align:top;display:inline-block; height: 34px;">Share</a></div> + <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> + </div> + </p> + <p> + <strong>netdata</strong><br/> + © Copyright 2018-2019, <a href="https://github.com/netdata" target="_blank" data-ga-category="Outbound links" data-ga-action="Nav click" data-ga-label=NetdataInc>Netdata</a><br/> + © Copyright 2016-2018, <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/> + Released under <a href="https://github.com/netdata/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/> + </p> + </p> + <p style="padding-top: 20px;"> + netdata has received significant contributions from:<br/> <br/> + <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/> + <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/> + <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/> + <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/> + <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/> + <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/> + <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/> + <a href="https://github.com/l2isbad" target="_blank" data-ga-category="Outbound links" data-ga-action="Nav click" data-ga-label=l2isbad>Ilya Mashchenko</a> (python plugin modules)<br/> + <br/> + and dozens more enthusiasts, engineers and professionals.<br/> <br/> + </p> + </p> + Thank you! You are awesome! + <p> +</div> +</body> + +<script> + if(window.location.hostname != 'my-netdata.io' || window.location.protocol != 'https:') { + var canonical = document.createElement('link'); + canonical.rel = 'canonical'; + canonical.href = 'https://my-netdata.io/'; + document.head.appendChild(canonical); + } +</script> + +<script>!function (t, e) { + "use strict"; + function a(t, n) { + return t.hasAttribute(n) === !0 ? t : t.parentNode !== r.body ? a(t.parentNode, n) : e + } + + function n(n) { + var o, i, r, c, g, u = a(n.target, "data-ga-action"), l = !1; + 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) { + var n; + ga("send", "event", i, o, r, g, { + hitCallback: function () { + l === !1 && (n !== e && clearTimeout(n), t.location = a) + } + }), n = setTimeout(function () { + l === !1 && (t.location.href = a) + }, 1e3) + }(c))) + } + + function o() { + !function (t, e, a, n, o, i) { + t.GoogleAnalyticsObject = n, t[n] || (t[n] = function () { + (t[n].q = t[n].q || []).push(arguments) + }), 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) + }(t, r, "script", "ga"), ga("create", "UA-64295674-3", "auto"), ga("send", "pageview", "/site"+window.location.pathname), t.document.addEventListener("click", n) + } + + function i() { + !function (t, e, a) { + var n, o = t.getElementsByTagName(e)[0]; + t.getElementById(a) || (n = t.createElement(e), n.id = a, n.src = "//platform.twitter.com/widgets.js", o.parentNode.insertBefore(n, o)) + }(r, "script", "twitter-wjs") + } + + var r = t.document; + o(), t.onload = i +}(window)</script> + +<!-- facebook sdk --> +<div id="fb-root"></div> +<script> + window.fbAsyncInit = function() { + FB.init({ + appId : '1200089276712916', + xfbml : true, + version : 'v2.8' + }); + }; + + (function(d, s, id){ + var js, fjs = d.getElementsByTagName(s)[0]; + if (d.getElementById(id)) {return;} + js = d.createElement(s); js.id = id; + js.src = "//connect.facebook.net/en_US/sdk.js"; + fjs.parentNode.insertBefore(js, fjs); + }(document, 'script', 'facebook-jssdk')); +</script> + +<script> + var allTitles = [ + 'Get control<br/>of your Linux servers' + , 'Get control<br/>of your FreeBSD servers' + , 'Monitor<br/>your containers' + , 'Monitor<br/>your virtual machines' + , 'Monitor<br/>your web servers' + , 'Monitor<br/>your databases' + , 'Monitor<br/>your applications' + , 'Monitor<br/>your SNMP devices' + , 'Monitor<br/>your IoT devices' + , 'Monitor<br/>your MacOS systems' + ]; + var lastTitle = -1; + + function updateTitle(){ + lastTitle++; + if(lastTitle >= allTitles.length) + lastTitle = 0; + + var os = document.getElementsByClassName('title'); + var len = os.length; + while (len--) { + var el = os[len]; + el.innerHTML = allTitles[lastTitle]; + el.classList.add('titlefadein'); + } + + setTimeout(function() { + var os = document.getElementsByClassName('title'); + var len = os.length; + while (len--) + os[len].classList.remove('titlefadein'); + + }, 5750); + setTimeout(updateTitle, 6000); + } + //updateTitle(); +</script> + +<!-- Start of HubSpot Embed Code --> +<script type="text/javascript" id="hs-script-loader" async defer src="//js.hs-scripts.com/4567453.js"></script> +<!-- End of HubSpot Embed Code --> |