infographic.html 9.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171
  1. <!doctype html>
  2. <!-- SPDX-License-Identifier: GPL-3.0-or-later -->
  3. <html lang=en-us>
  4. <head>
  5. <meta charset=utf-8>
  6. <title>Netdata: Get control of your Linux Servers. Simple. Effective. Awesome.</title>
  7. <meta name=author content="Costa Tsaousis">
  8. <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.">
  9. <meta name=viewport content="width=device-width,initial-scale=1">
  10. <link rel=apple-touch-icon href=apple-touch-icon.png>
  11. <link rel="icon" href="data:image/x-icon;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAP9JREFUeNpiYBgFo+A/w34gpiZ8DzWzAYgNiHGAA5UdgA73g+2gcyhgg/0DGQoweB6IBQYyFCCOGOBQwBMd/xnW09ERDtgcoEBHB+zHFQrz6egIBUasocDAcJ9OxWAhE4YQI8MDILmATg7wZ8QRDfQKhQf4Cie6pAVGPA4AhQKo0BCgZRAw4ZSBpIWJNI6CD4wEKikBaFqgVSgcYMIrzcjwgcahcIGRiPYCLUPBkNhWUwP9akVcoQBpatG4MsLviAIqWj6f3Absfdq2igg7IIEKDVQKEzN5ofAenJCp1I8gJRTug5tfkGIdR1FDniMI+QZUjF8Amn5htOdHCAAEGACE6B0cS6mrEwAAAABJRU5ErkJggg==" />
  12. <meta property="og:url" content="https://my-netdata.io/infographic.html" />
  13. <meta property="og:type" content="website" />
  14. <meta property="og:title" content="netdata infographic" />
  15. <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." />
  16. <meta property="og:image" content="https://user-images.githubusercontent.com/43294513/60951037-8ba5d180-a2f8-11e9-906e-e27356f168bc.png" />
  17. <meta property="og:image:type" content="image/png" />
  18. <meta property="fb:app_id" content="1200089276712916" />
  19. <meta name="twitter:card" content="summary" />
  20. <meta name="twitter:site" content="@linuxnetdata" />
  21. <meta name="twitter:title" content="netdata infographic" />
  22. <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." />
  23. <meta name="twitter:image" content="https://cloud.githubusercontent.com/assets/2662304/25580009/bf7016a4-2e85-11e7-9a7a-b36c57db7b91.png" />
  24. <meta name="google-site-verification" content="3Xmk2kyCvai8p9HEnYHoQ9RBW20-b1NvPAgu07Fkkds" />
  25. <meta name="msvalidate.01" content="896DCA31C9A664CE359FCF1A645DD476" />
  26. <style>/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
  27. html {
  28. line-height: 1.15;
  29. -ms-text-size-adjust: 100%;
  30. -webkit-text-size-adjust: 100%;
  31. font: 17px/1.4 'Open Sans', sans-serif;
  32. text-align: center
  33. }
  34. </style>
  35. </head>
  36. <body>
  37. <div style="width: 100%;text-align:center;">
  38. <div>
  39. <p style="font-size: 16pt">
  40. <b>Interactive infographic of netdata features and functions</b>
  41. </p>
  42. <p>
  43. Hover and click on the infographic, to open the related wiki page.
  44. <br/>
  45. <small>
  46. The links and the docs are still a work in progress.
  47. The interactive infographic is a feature of <b>draw.io</b>.
  48. </small>
  49. </p>
  50. </div>
  51. <div class=site-footer role=contentinfo>
  52. <p>
  53. <div style="display: inline-block;">
  54. <div style="vertical-align:top;display:inline-block; height: 34px;margin-top:3px;"><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/infographic.html >Tweet</a></div>
  55. <div style="vertical-align:top;display:inline-block; height: 34px;margin-top:3px;"><a class=twitter-follow-button href=https://twitter.com/linuxnetdata data-show-count=false data-lang=en data-size=small>Follow @linuxnetdata</a></div>
  56. </div>
  57. <div style="display: inline-block;">
  58. <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>
  59. <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%2Finfographic.html&amp;src=sdkpreparse" style="vertical-align:top;display:inline-block; height: 34px;">Share</a></div>
  60. </div>
  61. </div>
  62. <div>
  63. <p style="font-size: 14pt">
  64. <b>New to netdata?</b> <a href="//my-netdata.io" target="_blank">Have a look at a netdata demo</a>. You will love it!
  65. </p>
  66. <p>
  67. <embed style="padding-top: 10px; padding-botton: 25px;" 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&v42" type="image/svg+xml" height="20" />
  68. <embed style="padding-top: 10px; padding-botton: 25px;" 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&v42" type="image/svg+xml" height="20" />
  69. <embed style="padding-top: 10px; padding-botton: 25px;" src="//registry.my-netdata.io/api/v1/badge.svg?chart=netdata.registry_sessions&label=sessions%20served&units=null&value_color=yellowgreen&precision=0&v42" type="image/svg+xml" height="20" />
  70. </p>
  71. <hr/>
  72. </div>
  73. <div style="width:90%;display:inline-block;max-width:1300px;text-align:left;">
  74. <div id="drawing" class="mxgraph" style="max-width:100%;border:1px solid transparent;"></div>
  75. </div>
  76. </div>
  77. </body>
  78. <script>
  79. var opts = {
  80. "highlight":"#0000ff",
  81. "target":"blank",
  82. "lightbox":false,
  83. "nav":false,
  84. "resize":true,
  85. "toolbar":"",
  86. "auto-fit":true,
  87. "check-visible-state":false,
  88. "edit":"https://raw.githubusercontent.com/netdata/netdata/master/diagrams/netdata-overview.xml",
  89. "url":"https://raw.githubusercontent.com/netdata/netdata/master/diagrams/netdata-overview.xml"
  90. };
  91. document.getElementById("drawing").dataset.mxgraph = JSON.stringify(opts);
  92. </script>
  93. <script>
  94. if(window.location.hostname != 'my-netdata.io' || window.location.protocol != 'https:') {
  95. var canonical = document.createElement('link');
  96. canonical.rel = 'canonical';
  97. canonical.href = 'https://my-netdata.io/infographic.html';
  98. document.head.appendChild(canonical);
  99. }
  100. </script>
  101. <script>!function (t, e) {
  102. "use strict";
  103. function a(t, n) {
  104. return t.hasAttribute(n) === !0 ? t : t.parentNode !== r.body ? a(t.parentNode, n) : e
  105. }
  106. function n(n) {
  107. var o, i, r, c, g, u = a(n.target, "data-ga-action"), l = !1;
  108. 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) {
  109. var n;
  110. ga("send", "event", i, o, r, g, {
  111. hitCallback: function () {
  112. l === !1 && (n !== e && clearTimeout(n), t.location = a)
  113. }
  114. }), n = setTimeout(function () {
  115. l === !1 && (t.location.href = a)
  116. }, 1e3)
  117. }(c)))
  118. }
  119. function o() {
  120. !function (t, e, a, n, o, i) {
  121. t.GoogleAnalyticsObject = n, t[n] || (t[n] = function () {
  122. (t[n].q = t[n].q || []).push(arguments)
  123. }), 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)
  124. }(t, r, "script", "ga"), ga("create", "UA-64295674-3", "auto"), ga("send", "pageview"), t.document.addEventListener("click", n)
  125. }
  126. function i() {
  127. !function (t, e, a) {
  128. var n, o = t.getElementsByTagName(e)[0];
  129. t.getElementById(a) || (n = t.createElement(e), n.id = a, n.src = "//platform.twitter.com/widgets.js", o.parentNode.insertBefore(n, o))
  130. }(r, "script", "twitter-wjs")
  131. }
  132. var r = t.document;
  133. o(), t.onload = i
  134. }(window)</script>
  135. <!-- facebook sdk -->
  136. <div id="fb-root"></div>
  137. <script>
  138. window.fbAsyncInit = function() {
  139. FB.init({
  140. appId : '1200089276712916',
  141. xfbml : true,
  142. version : 'v2.8'
  143. });
  144. };
  145. (function(d, s, id){
  146. var js, fjs = d.getElementsByTagName(s)[0];
  147. if (d.getElementById(id)) {return;}
  148. js = d.createElement(s); js.id = id;
  149. js.src = "//connect.facebook.net/en_US/sdk.js";
  150. fjs.parentNode.insertBefore(js, fjs);
  151. }(document, 'script', 'facebook-jssdk'));
  152. </script>
  153. <script type="text/javascript" src="https://www.draw.io/embed2.js?s=arrows2;mscae/cloud;azure;office/users;office/servers&fetch=https%3A%2F%2Fraw.githubusercontent.com%2Fnetdata%2Fnetdata%2Fmaster%2Fdiagrams%2Fnetdata-overview.xml"></script>
  154. </html>