4 <title>NetData Dashboard</title>
6 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
8 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
9 <meta name="viewport" content="width=device-width, initial-scale=1">
10 <meta name="apple-mobile-web-app-capable" content="yes">
11 <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
12 <meta name="author" content="costa@tsaousis.gr">
14 <script>var netdataTheme = 'slate';</script>
15 <script type="text/javascript" src="dashboard.js?v37"></script>
19 <div class="container" style="width: 90%; padding-top: 10px; text-align: center; color: #AAA">
20 <div style="font-size: 7vw;">why netdata?</div>
22 <div style="font-size: 2vw; color: white;">These charts visualize the same data...</div>
26 <ul class="nav nav-tabs" role="tablist">
27 <li role="presentation" class="active"><a href="#gauge" aria-controls="gauge" role="tab" data-toggle="tab">Gauge.js</a></li>
28 <li role="presentation"><a href="#easypiechart" aria-controls="easypiechart" role="tab" data-toggle="tab">Easy Pie Chart</a></li>
32 <div class="tab-content">
33 <div role="tabpanel" class="tab-pane active" id="gauge">
35 <div style="display: inline-block; width: 35.8%">
36 <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>
38 <div data-netdata="example.random2"
39 data-dimensions="random"
40 data-chart-library="gauge"
41 data-gauge-max-value="32767"
45 data-title="1/second (netdata default)"
46 data-units="important metric"
50 <div style="display: inline-block; width: 50%">
51 <div style="font-size: 1.2vw; color: #666;"><i class="fa fa-comment"></i> Can you trace an issue like these?<br/> <br/></div>
52 <div data-netdata="example.random2"
53 data-dimensions="random"
54 data-chart-library="gauge"
55 data-gauge-max-value="32767"
59 data-title="Updates Every 15 Sec"
60 data-units="important metric"
63 <div data-netdata="example.random2"
64 data-dimensions="random"
65 data-chart-library="gauge"
66 data-gauge-max-value="32767"
70 data-title="Updates Every 5 Mins"
71 data-units="important metric"
76 <div role="tabpanel" class="tab-pane" id="easypiechart">
78 <div style="display: inline-block; width: 25%">
79 <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>
81 <div data-netdata="example.random2"
82 data-dimensions="random"
83 data-chart-library="easypiechart"
84 data-easypiechart-max-value="32767"
88 data-title="1/second (netdata default)"
89 data-units="important metric"
93 <div style="display: inline-block; width: 40%">
94 <div style="font-size: 1.2vw; color: #666;"><i class="fa fa-comment"></i> Can you trace an issue like these?<br/> <br/></div>
95 <div data-netdata="example.random2"
96 data-dimensions="random"
97 data-chart-library="easypiechart"
98 data-easypiechart-max-value="32767"
102 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>)"
103 data-units="important metric"
106 <div data-netdata="example.random2"
107 data-dimensions="random"
108 data-chart-library="easypiechart"
109 data-easypiechart-max-value="32767"
113 data-title="Updates Every 5 Mins (your NMS)"
114 data-units="important metric"
120 <div style="font-size: 1.5vw;">Hover on the chart below, to see the selected value on the charts above!</div>
121 <div data-netdata="example.random2"
122 data-dimensions="random"
123 data-dygraph-theme="sparkline"
128 data-title="1/second (netdata default)"
129 data-units="something"