-<!DOCTYPE html>\r
-<html lang="en">\r
-<head>\r
- <title>NetData Dashboard</title>\r
-\r
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />\r
- <meta charset="utf-8">\r
- <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">\r
- <meta name="viewport" content="width=device-width, initial-scale=1">\r
- <meta name="apple-mobile-web-app-capable" content="yes">\r
- <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">\r
- <meta name="author" content="costa@tsaousis.gr">\r
-\r
- <script type="text/javascript" src="dashboard.js?v36"></script>\r
-</head>\r
-<body>\r
-\r
-<div style="width: 100%; text-align: center;">\r
- <div data-netdata="netdata.server_cpu"\r
- data-dimensions="user"\r
- data-chart-library="gauge"\r
- data-width="150px"\r
- data-after="-60"\r
- data-points="60"\r
- data-title="Yes! Realtime!"\r
- data-units="I am alive!"\r
- data-colors="#FF5555"\r
- ></div>\r
- <br/>\r
- <div data-netdata="netdata.server_cpu"\r
- data-dimensions="user"\r
- data-chart-library="dygraph"\r
- data-dygraph-theme="sparkline"\r
- data-width="200px"\r
- data-height="30px"\r
- data-after="-60"\r
- data-points="60"\r
- data-colors="#FF5555"\r
- ></div>\r
-</div>\r
-</body>\r
-</html>\r
+<!DOCTYPE html>
+<html lang="en">
+<head>
+ <title>NetData Dashboard</title>
+
+ <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+ <meta charset="utf-8">
+ <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+ <meta name="viewport" content="width=device-width, initial-scale=1">
+ <meta name="apple-mobile-web-app-capable" content="yes">
+ <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
+ <meta name="author" content="costa@tsaousis.gr">
+
+ <script type="text/javascript" src="dashboard.js?v37"></script>
+</head>
+<body>
+
+<div style="width: 100%; text-align: center;">
+ <div data-netdata="netdata.server_cpu"
+ data-dimensions="user"
+ data-chart-library="gauge"
+ data-width="150px"
+ data-after="-60"
+ data-points="60"
+ data-title="Yes! Realtime!"
+ data-units="I am alive!"
+ data-colors="#FF5555"
+ ></div>
+ <br/>
+ <div data-netdata="netdata.server_cpu"
+ data-dimensions="user"
+ data-chart-library="dygraph"
+ data-dygraph-theme="sparkline"
+ data-width="200px"
+ data-height="30px"
+ data-after="-60"
+ data-points="60"
+ data-colors="#FF5555"
+ ></div>
+</div>
+</body>
+</html>
-<!DOCTYPE html>\r
-<html lang="en">\r
-<head>\r
- <title>NetData Dashboard</title>\r
-\r
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />\r
- <meta charset="utf-8">\r
- <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">\r
- <meta name="viewport" content="width=device-width, initial-scale=1">\r
- <meta name="apple-mobile-web-app-capable" content="yes">\r
- <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">\r
- <meta name="author" content="costa@tsaousis.gr">\r
-\r
- <script>var netdataTheme = 'slate';</script>\r
- <script type="text/javascript" src="dashboard.js?v36"></script>\r
-</head>\r
-<body>\r
-\r
-<div class="container" style="width: 90%; padding-top: 10px; text-align: center; color: #AAA">\r
- <div style="font-size: 7vw;">why netdata?</div>\r
- <br/>\r
- <div style="font-size: 2vw; color: white;">These charts visualize the same data...</div>\r
-\r
-\r
- <!-- Nav tabs -->\r
- <ul class="nav nav-tabs" role="tablist">\r
- <li role="presentation" class="active"><a href="#gauge" aria-controls="gauge" role="tab" data-toggle="tab">Gauge.js</a></li>\r
- <li role="presentation"><a href="#easypiechart" aria-controls="easypiechart" role="tab" data-toggle="tab">Easy Pie Chart</a></li>\r
- </ul>\r
-\r
- <!-- Tab panes -->\r
- <div class="tab-content">\r
- <div role="tabpanel" class="tab-pane active" id="gauge">\r
-\r
- <div style="display: inline-block; width: 35.8%">\r
- <div style="font-size: 1.2vw; color: #666; padding-top: 10px;"><i class="fa fa-comment"></i> I can trace an issue like this</div>\r
- <br/>\r
- <div data-netdata="example.random2"\r
- data-dimensions="random"\r
- data-chart-library="gauge"\r
- data-gauge-max-value="32767"\r
- data-width="100%"\r
- data-after="-600"\r
- data-points="600"\r
- data-title="1/second (netdata default)"\r
- data-units="important metric"\r
- data-colors="#5A5"\r
- ></div>\r
- </div>\r
- <div style="display: inline-block; width: 50%">\r
- <div style="font-size: 1.2vw; color: #666;"><i class="fa fa-comment"></i> Can you trace an issue like these?<br/> <br/></div>\r
- <div data-netdata="example.random2"\r
- data-dimensions="random"\r
- data-chart-library="gauge"\r
- data-gauge-max-value="32767"\r
- data-width="45%"\r
- data-after="-600"\r
- data-points="40"\r
- data-title="Updates Every 15 Sec"\r
- data-units="important metric"\r
- data-colors="#C55"\r
- ></div>\r
- <div data-netdata="example.random2"\r
- data-dimensions="random"\r
- data-chart-library="gauge"\r
- data-gauge-max-value="32767"\r
- data-width="45%"\r
- data-after="-600"\r
- data-points="2"\r
- data-title="Updates Every 5 Mins"\r
- data-units="important metric"\r
- data-colors="#C55"\r
- ></div>\r
- </div>\r
- </div>\r
- <div role="tabpanel" class="tab-pane" id="easypiechart">\r
-\r
- <div style="display: inline-block; width: 25%">\r
- <div style="font-size: 1.2vw; color: #666; padding-top: 10px;"><i class="fa fa-comment"></i> I can trace an issue like this</div>\r
- <br/>\r
- <div data-netdata="example.random2"\r
- data-dimensions="random"\r
- data-chart-library="easypiechart"\r
- data-easypiechart-max-value="32767"\r
- data-width="100%"\r
- data-after="-600"\r
- data-points="600"\r
- data-title="1/second (netdata default)"\r
- data-units="important metric"\r
- data-colors="#5A5"\r
- ></div>\r
- </div>\r
- <div style="display: inline-block; width: 40%">\r
- <div style="font-size: 1.2vw; color: #666;"><i class="fa fa-comment"></i> Can you trace an issue like these?<br/> <br/></div>\r
- <div data-netdata="example.random2"\r
- data-dimensions="random"\r
- data-chart-library="easypiechart"\r
- data-easypiechart-max-value="32767"\r
- data-width="45%"\r
- data-after="-600"\r
- data-points="40"\r
- data-title="Updates Every 15 Sec (<a href='https://github.com/OpenTSDB/opentsdb.net/blob/gh-pages/docs/source/user_guide/utilities/tcollector.rst#collecting-lots-of-metrics-with-tcollector' target='_blank'>OpenTSDB</a>)"\r
- data-units="important metric"\r
- data-colors="#C55"\r
- ></div>\r
- <div data-netdata="example.random2"\r
- data-dimensions="random"\r
- data-chart-library="easypiechart"\r
- data-easypiechart-max-value="32767"\r
- data-width="45%"\r
- data-after="-600"\r
- data-points="2"\r
- data-title="Updates Every 5 Mins (your NMS)"\r
- data-units="important metric"\r
- data-colors="#C55"\r
- ></div>\r
- </div>\r
- </div>\r
- </div>\r
- <div style="font-size: 1.5vw;">Hover on the chart below, to see the selected value on the charts above!</div>\r
- <div data-netdata="example.random2"\r
- data-dimensions="random"\r
- data-dygraph-theme="sparkline"\r
- data-width="100%"\r
- data-height="20vh"\r
- data-after="-600"\r
- data-points="600"\r
- data-title="1/second (netdata default)"\r
- data-units="something"\r
- data-colors="#888"\r
- ></div>\r
-</div>\r
-</body>\r
-</html>\r
+<!DOCTYPE html>
+<html lang="en">
+<head>
+ <title>NetData Dashboard</title>
+
+ <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+ <meta charset="utf-8">
+ <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+ <meta name="viewport" content="width=device-width, initial-scale=1">
+ <meta name="apple-mobile-web-app-capable" content="yes">
+ <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
+ <meta name="author" content="costa@tsaousis.gr">
+
+ <script>var netdataTheme = 'slate';</script>
+ <script type="text/javascript" src="dashboard.js?v37"></script>
+</head>
+<body>
+
+<div class="container" style="width: 90%; padding-top: 10px; text-align: center; color: #AAA">
+ <div style="font-size: 7vw;">why netdata?</div>
+ <br/>
+ <div style="font-size: 2vw; color: white;">These charts visualize the same data...</div>
+
+
+ <!-- Nav tabs -->
+ <ul class="nav nav-tabs" role="tablist">
+ <li role="presentation" class="active"><a href="#gauge" aria-controls="gauge" role="tab" data-toggle="tab">Gauge.js</a></li>
+ <li role="presentation"><a href="#easypiechart" aria-controls="easypiechart" role="tab" data-toggle="tab">Easy Pie Chart</a></li>
+ </ul>
+
+ <!-- Tab panes -->
+ <div class="tab-content">
+ <div role="tabpanel" class="tab-pane active" id="gauge">
+
+ <div style="display: inline-block; width: 35.8%">
+ <div style="font-size: 1.2vw; color: #666; padding-top: 10px;"><i class="fa fa-comment"></i> I can trace an issue like this</div>
+ <br/>
+ <div data-netdata="example.random2"
+ data-dimensions="random"
+ data-chart-library="gauge"
+ data-gauge-max-value="32767"
+ data-width="100%"
+ data-after="-600"
+ data-points="600"
+ data-title="1/second (netdata default)"
+ data-units="important metric"
+ data-colors="#5A5"
+ ></div>
+ </div>
+ <div style="display: inline-block; width: 50%">
+ <div style="font-size: 1.2vw; color: #666;"><i class="fa fa-comment"></i> Can you trace an issue like these?<br/> <br/></div>
+ <div data-netdata="example.random2"
+ data-dimensions="random"
+ data-chart-library="gauge"
+ data-gauge-max-value="32767"
+ data-width="45%"
+ data-after="-600"
+ data-points="40"
+ data-title="Updates Every 15 Sec"
+ data-units="important metric"
+ data-colors="#C55"
+ ></div>
+ <div data-netdata="example.random2"
+ data-dimensions="random"
+ data-chart-library="gauge"
+ data-gauge-max-value="32767"
+ data-width="45%"
+ data-after="-600"
+ data-points="2"
+ data-title="Updates Every 5 Mins"
+ data-units="important metric"
+ data-colors="#C55"
+ ></div>
+ </div>
+ </div>
+ <div role="tabpanel" class="tab-pane" id="easypiechart">
+
+ <div style="display: inline-block; width: 25%">
+ <div style="font-size: 1.2vw; color: #666; padding-top: 10px;"><i class="fa fa-comment"></i> I can trace an issue like this</div>
+ <br/>
+ <div data-netdata="example.random2"
+ data-dimensions="random"
+ data-chart-library="easypiechart"
+ data-easypiechart-max-value="32767"
+ data-width="100%"
+ data-after="-600"
+ data-points="600"
+ data-title="1/second (netdata default)"
+ data-units="important metric"
+ data-colors="#5A5"
+ ></div>
+ </div>
+ <div style="display: inline-block; width: 40%">
+ <div style="font-size: 1.2vw; color: #666;"><i class="fa fa-comment"></i> Can you trace an issue like these?<br/> <br/></div>
+ <div data-netdata="example.random2"
+ data-dimensions="random"
+ data-chart-library="easypiechart"
+ data-easypiechart-max-value="32767"
+ data-width="45%"
+ data-after="-600"
+ data-points="40"
+ data-title="Updates Every 15 Sec (<a href='https://github.com/OpenTSDB/opentsdb.net/blob/gh-pages/docs/source/user_guide/utilities/tcollector.rst#collecting-lots-of-metrics-with-tcollector' target='_blank'>OpenTSDB</a>)"
+ data-units="important metric"
+ data-colors="#C55"
+ ></div>
+ <div data-netdata="example.random2"
+ data-dimensions="random"
+ data-chart-library="easypiechart"
+ data-easypiechart-max-value="32767"
+ data-width="45%"
+ data-after="-600"
+ data-points="2"
+ data-title="Updates Every 5 Mins (your NMS)"
+ data-units="important metric"
+ data-colors="#C55"
+ ></div>
+ </div>
+ </div>
+ </div>
+ <div style="font-size: 1.5vw;">Hover on the chart below, to see the selected value on the charts above!</div>
+ <div data-netdata="example.random2"
+ data-dimensions="random"
+ data-dygraph-theme="sparkline"
+ data-width="100%"
+ data-height="20vh"
+ data-after="-600"
+ data-points="600"
+ data-title="1/second (netdata default)"
+ data-units="something"
+ data-colors="#888"
+ ></div>
+</div>
+</body>
+</html>