Code

de33043369407bdf9c00d687072acf459147d259
[rrdtool-all.git] / website / gallery / index.en.html
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
3 <html lang="en" xmlns="http://www.w3.org/1999/xhtml">
4 <head>
5 <meta http-equiv="content-type" content="text/html; charset=ISO-8859-15" />
6 <link rel="icon" href="../inc/favicon.ico" type="image/ico" />
7 <title>RRDtool - RRDtool Gallery
8 </title>
10 <!--[if lt IE 7]><script src="../inc/IE7/ie7-standard-p.js" type="text/javascript"></script><![endif]-->
12 <style type="text/css">
13 <!--/* <![CDATA[ */
14 /* ie5 for mac thinks this comment does not end here because of the backslash \*/
15 @import url('../inc/design.css');
16 /* ]]> */-->
17 </style>
18 </head>
19 <body>
20 <table id="frame" summary="">
21 <tr>
22 <td valign="top" id="menucell">
23 <!-- ############################# -->
24 <!-- # MENU -->
25 <!-- ############################# -->
26 <div id="menu">
27 <h2 class="legacy">Menu</h2>
28 <ul>
29 <li><div><a href="../index.en.html">Welcome </a></div></li>
30 <li><div><a href="../download.en.html">Download </a></div></li>
31 <li><div><a href="../doc/index.en.html">Documentation </a></div></li>
32 <li><div><a href="../tut/index.en.html">Tutorials </a></div></li>
33 <li><div><a href="../prog/index.en.html">Programming </a></div></li>
34 <li><div><a href="http://oss.oetiker.ch/rrdtool-trac/">Bugs, Wiki</a></div></li>
35 <li><div><a href="../support.en.html">Support </a></div></li>
36 <li><div class="selected">Gallery </div></li>
37 <li><div><a href="../rrdworld/index.en.html">Projects using RRDtool </a></div></li>
38 <li><div><a href="../sponsor.en.html">Sponsoring RRDtool </a></div></li>
39 <li><div><a href="../license.en.html">License </a></div></li>
40 <li><div><a href="../cast.en.html">Cast </a></div></li>
41 </ul>
42 <br />
43 <!-- SiteSearch Google -->
44 <form method="get" action="http://oss.oetiker.ch/rrdtool/search.en.html" target="_top">
45 <table border="0" summary="">
46 <tr><td nowrap="nowrap" valign="top" align="left" height="32">
47 <input type="hidden" name="domains" value="oss.oetiker.ch"></input>
48 <label for="sbi" style="display: none">Enter your search terms</label>
49 <input type="text" name="q" style="width: 180px" maxlength="255" value="" id="sbi"></input>
50 </td></tr>
51 <tr>
52 <td nowrap="nowrap" valign="top">
53 <table summary="">
54 <tr>
55 <td>
56 <input type="radio" name="sitesearch" value="" id="ss0"></input>
57 <label for="ss0" title="Search the Web"><font size="-1" color="#000000">Web</font></label></td>
58 <td>
59 <input type="radio" name="sitesearch" value="oss.oetiker.ch" checked="checked" id="ss1"></input>
60 <label for="ss1" title="Search oss.oetiker.ch"><font size="-1" color="#000000">oss.oetiker.ch</font></label></td>
61 </tr>
62 </table>
63 <label for="sbb" style="display: none">Submit search form</label>
64 <input type="submit" name="sa" value="Google Search" id="sbb"></input>
65 <input type="hidden" name="client" value="pub-8135238818549668"></input>
66 <input type="hidden" name="forid" value="1"></input>
67 <input type="hidden" name="channel" value="6449489261"></input>
68 <input type="hidden" name="ie" value="ISO-8859-1"></input>
69 <input type="hidden" name="oe" value="ISO-8859-1"></input>
70 <input type="hidden" name="safe" value="active"></input>
71 <input type="hidden" name="cof" value="GALT:#0066CC;GL:1;DIV:#999999;VLC:336633;AH:center;BGC:FFFFFF;LBGC:FF9900;ALC:0066CC;LC:0066CC;T:000000;GFNT:666666;GIMP:666666;FORID:11"></input>
72 <input type="hidden" name="hl" value="en"></input>
73 </td></tr></table>
74 </form>
75 <!-- SiteSearch Google -->
76 <br />
77 <br />
78 <p><b>Gold Sponsors</b></p>
79 <p><a href="http://www.serverscheck.com/sensors?utm_source=mrtg&utm_medium=banner&utm_term=rrdtool&utm_campaign=mrtg"><img border="0" title="Serverscheck" alt="Serverscheck" src="../logos/mrtg_sensorgateway.png" width="200" height="100" /></a></p>
80 <p><a href="http://it.oetiker.ch/monitoring/sponsoring.var"><img border="0" alt="Open Gold Sponsorship Slot" src="../inc/rrdtool-gold.png" width="200" height="100" /></a></p>
81 <p><a href="../sponsor.en.html">Silver Sponsors ...</a></p>
82 <br />
83 <br />
84 <div>
85 <a href="http://tobi.oetiker.ch/wish/"><img border="0" alt="Make Tobi Happy" src="../inc/happy-tobi.png" width="119" height="72" /></a>
86 </div>
87 <br />
88 <br />
89 <div>
90 <iframe width="120" height="50" name="bandwidth" frameborder="0" src="../hoster.html"></iframe>
91 </div>
92 <br />
93 <br />
94 </div>
95 </td>
96 <!-- ############################# -->
97 <!-- # Logo and Body -->
98 <!-- ############################# -->
99 <td id="bodycell" valign="top">
100 <div id="mirrors">
101 <a href="http://oss.oetiker.ch/rrdtool/gallery/index.en.html">Swiss Original</a>.&nbsp;Mirrors:
102 <a href="http://rrdtool.mirror.graemef.net/gallery/index.en.html">UK</a><!--Graeme Fowler <graeme@graemef.net>-->
103 <a href="http://rrdtool.cs.pu.edu.tw/gallery/index.en.html">TW</a><!--Hsun-Chang Chang <hsunchang@gmail.com>-->
104 <a href="http://rrdtool.basemirror.de/gallery/index.en.html">DE</a><!--Baseportal Mirrors <mirrors@baseportal.de>-->
105 <a href="http://rrdtool.mirroraty.org/gallery/index.en.html">US</a><!--Hossam Hossny <hossam@trexle.com>-->
106 </div>
107 <div id="logo">
108 <div class="legacy">
109 RRDtool
110 <hr />
111 </div>
112 </div>
113 <!-- ############################# -->
114 <!-- # BODY -->
115 <!-- ############################# -->
116 <div id="body">
117 <!-- google_ad_section_start -->
118 <h1>RRDtool Gallery</h1>
119 <div id="googlead_right">
120 <script type="text/javascript"><!--
121 google_ad_client = "pub-8135238818549668";
122 /* rrdtool top right */
123 google_ad_slot = "4985488960";
124 google_ad_width = 300;
125 google_ad_height = 250;
126 //-->
127 </script>
128 <script type="text/javascript"
129 src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
130 </script>
131 </div>
132  <!-- no wider than 600 pixle -->
133  <!-- creation date -->
134 <div class="gallery">
135 <h2> MMS Inbound </h2>
136 <div class="image"><img src="mmh11_pi.png" alt="" width="267" height="321" /></div>
137 <div class="caption"> Simply parse of SNMPget from Vendor OID. The graph display the
138 actual volume of transactions for MMS submitions, from 3 differents devices,
139 such
140 as, Phone, VAS and MM4 (others operator). -- Alex Rivoltella &lt;alessio.r-delme-@<span class="legacy">XYZ-</span>tiscalinet.it&gt;, 2006/3 </div>
141 </div>
142  <!-- no wider than 600 pixle -->
143         <!-- creation date -->
144    <!-- Optional -->
145 <div class="gallery">
146 <h2> GOES-13 Solar Particle Flux </h2>
147 <div class="image"><img src="ace-part.png" alt="" /></div>
148 <div class="caption"> High energy solar wind particles measured by GOES-13 satellite -- Stefan Wernli &lt;hb9tmc@<span class="legacy">XYZ-</span>bigfoot.com&gt;, 2012/12 <a href="http://crna.zapto.org/rrd/swpc/">[demo]</a></div>
149 </div>
150 <div class="gallery">
151 <h2>Outside temperature in Södermalm, Sundsvall, Sweden</h2>
152 <div class="image"><img src="mgroth.png" alt="" width="537" height="468" /></div>
153 <div class="caption">This graph is created to be able to see the temperature with the average for the year has been. Data for temperature is taken from a MCP9803 sensor that sits outdoors in an IP65 enclosure. -- Magnus Groth &lt;mgroth@<span class="legacy">XYZ-</span>gmail.com&gt;, 2011/7 </div>
154 </div>
155  <!-- no wider than 600 pixle -->
156         <!-- creation date -->
157    <!-- Optional -->
158 <div class="gallery">
159 <h2> Sensor Network Temperature Gradients </h2>
160 <div class="image"><img src="ga-usa.png" alt="" width="600" height="296" /></div>
161 <div class="caption">
162 Created as part of a 1-Wire temperature network project with related
163 implementation/technical posts at <a href="http://web-tech.ga-usa.com/?s=sensor+network">ga-usa</a>.
164 Background: <a href="http://web-tech.ga-usa.com/2012/05/creating-a-custom-hot-to-cold-temperature-color-gradient-for-use-with-rrdtool/">here</a>
165 and <a href="http://web-tech.ga-usa.com/2012/05/creating-color-gradients-with-rrdtool-bash-using-temperatures/">here</a>.
166   -- Dale Reagan &lt;rrd_gradients@<span class="legacy">XYZ-</span>ga-usa.net&gt;, 2012/5 <a href="http://web-tech.ga-usa.com/weather/gradients/">[demo]</a></div>
167 </div>
168 <div class="gallery">
169 <h2>2wk Power Usage graph</h2>
170 <div class="image"><img src="powerusage-2wk.png" alt="" width="600" height="300" /></div>
171 <div class="caption">kWh usage from my house, measured with an attiny85 and an LDR connected to the kWh meter. Background color signifies high/low tariff. Graph uses various colors for usage level. -- Mark Janssen -- sig-io.nl &lt;mark@<span class="legacy">XYZ-</span>sig-io.nl&gt;, 2011/09 <a href="http://stats.revspace.nl/power/">[demo]</a></div>
172 </div>
173  <!-- no wider than 600 pixels -->
174         <!-- creation date -->
175    <!-- Optional -->
176 <div class="gallery">
177 <p>
178 <script type="text/javascript"><!--
179 google_ad_client = "pub-8135238818549668";
180 google_ad_width = 300;
181 google_ad_height = 250;
182 google_ad_format = "300x250_as";
183 google_ad_type = "text_image";
184 google_ad_channel ="9159032853";
185 google_color_border = "ffffff";
186 google_color_bg = "f0f8FF";
187 google_color_link = "191919";
188 google_color_url = "0066CC";
189 google_color_text = "000000";
190 //--></script>
191 <script type="text/javascript"
192   src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
193 </script>
194 </p>
195 <h2> PS Network Traffic </h2>
196 <div class="image"><img src="PS_Network_traffic.png" alt="" width="597" height="363" /></div>
197 <div class="caption"> This graph shows the PS network traffic generated from the users of a telecommunication operator using USB modems, smartphones.. for 24 hours. Interesting the period from 8:00AM to 8:00PM, where there are peaks of traffic every 15 minutes. These are generated by Smartphones sincro. -- Enrique Gómez &lt;egomezm@<span class="legacy">XYZ-</span>gmail.com&gt;, 2011/8 <a href="">[demo]</a></div>
198 </div>
199  <!-- no wider than 600 pixle -->
200         <!-- creation date -->
201    <!-- Optional -->
202 <div class="gallery">
203 <h2> Network Based Application Recognition </h2>
204 <div class="image"><img src="nbar_optical_com_pe.png" alt="" width="600" height="518" /></div>
205 <div class="caption"> This graph shows a Internet connection and the classification of up to eight classes of protocols using Cisco Network Based Application Recognition (NBAR), also includes the total bandwidth and transfer volume for each protocol class. -- Erick Del Castillo &lt;edelcastillo@<span class="legacy">XYZ-</span>optical.com.pe&gt;, 2011/3 <a href="http://monitor.optical.com.pe">[demo]</a></div>
206 </div>
207  <!-- no wider than 600 pixle -->
208         <!-- creation date -->
209    <!-- Optional -->
210 <div class="gallery">
211 <h2> CPU Statistics</h2>
212 <div class="image"><img src="amz2.png" alt="" width="600" height="363" /></div>
213 <div class="caption"> To view the trend history for CPU user, system, nice and idle statistics for last 24 hours. Y-Axis max values are dynamic, based on the number fo CPUs the server has. This is collected in runtime using shell script and rrdcgi, by parsing /proc/cpuinfo to know the number of processor the server, for setting the max Y-Axis value correspondingly. So, the whole graph area can be visualized as the capacity of the server in terms of CPU. More blanks space in the graph, more free the CPU is. -- Amzath Ali Rahumathullah &lt;amzatha@<span class="legacy">XYZ-</span>gmail.com&gt;, 2010/10 </div>
214 </div>
215  <!-- no wider than 600 pixle -->
216         <!-- creation date -->
217    <!-- Optional -->
218 <div class="gallery">
219 <h2> Compare data with last week</h2>
220 <div class="image"><img src="comp.png" alt="" width="600" height="327" /></div>
221 <div class="caption"> To view the comparision of data collected today with last week sameday statistics, for last 24 hours. This is acheived by the SHIFT parameter in RRD, by shifting the time to the required number of days backwards, in my case 7 days back. Also, i have used cgi to pass parameters in runtime to calculate this shift difference. For example, if i would like to compare today's data with yesterday, then i would pass 1 as the daydelta to the cgi, whcih would calculate the SHIFT values. Then, i have used rrdcgi to render the grpahs in runtime. -- Amzath Ali Rahumathullah &lt;amzatha@<span class="legacy">XYZ-</span>gmail.com&gt;, 2010/10 </div>
222 </div>
223    <!-- Optional -->
224 <div class="gallery">
225 <h2> Mikrotik Wireless Registration Graph </h2>
226 <div class="image"><img src="mikrotik_wireless.png" alt="" width="597" height="357" /></div>
227 <div class="caption"> This graph shows some important values of wireless connection. -- Tornike Zedginidze &lt;tz@<span class="legacy">XYZ-</span>orient-logic.com&gt;, 2010/4 </div>
228 </div>
229  <!-- no wider than 600 pixle -->
230          <!-- creation date -->
231 <div class="gallery">
232 <h2>Air Pressure in Almaty</h2>
233 <div class="image"><img src="airpres.png" alt="" width="601" height="293" /></div>
234 <div class="caption">This site collects live data from air pressure sensor. -- Boris Popov &lt;none&gt;, 2010/11 <a href="http://airpres.kz">[demo]</a></div>
235 </div>
236  <!-- no wider than 600 pixle -->
237         <!-- creation date -->
238    <!-- Optional -->
239 <div class="gallery">
240 <h2> Bandwidth Actual and Utilization </h2>
241 <div class="image"><img src="newbwgraph.png" alt="" width="675" height="400" /></div>
242 <div class="caption"> The graph represents bandwidth as both a hard value and
243 as % utilization. I have had customers ask for one or the other and
244 decided to combine them into an effective and informative visual
245 smorgasbord. Code is for OpenNMS and looks a little different (see
246 link). -- Ken Eshelby &lt;eshelbyk@<span class="legacy">XYZ-</span>gmail.com&gt;, 2010/7 <a href="http://opennms.org/wiki/Graph_Gallery">[demo]</a></div>
247 </div>
248  <!-- no wider than 600 pixle -->
249         <!-- creation date -->
250    <!-- Optional -->
251 <div class="gallery">
252 <h2> MFC License usage </h2>
253 <div class="image"><img src="mfc_lic_cnt24h.png" alt="" width="481" height="324" /></div>
254 <div class="caption"> Manitoba Bluecross has bought 200 licenses for using Cobol, this graph shows how many licenses are currently used -- Stephan Huber &lt;stephan.huber.ca@<span class="legacy">XYZ-</span>gmail.com&gt;, 2010/7 <a href="">[demo]</a></div>
255 </div>
256  <!-- no wider than 600 pixle -->
257         <!-- creation date -->
258 <div class="gallery">
259 <h2> PPPOE Comunication Statistics </h2>
260 <div class="image"><img src="ivaylo.png" alt="" width="703" height="361" /></div>
261 <div class="caption"> Statistic about every packet in pppoe handshake. Used for monitoring ADSL service. -- Ivaylo Terziyski , 2010/4 </div>
262 </div>
263  <!-- no wider than 600 pixle -->
264   <!-- creation date -->
265  <!-- Optional -->
266 <div class="gallery">
267 <h2> Transaction monitoring on property market </h2>
268 <div class="image"><img src="miszek.png" alt="" width="377" height="233" /></div>
269 <div class="caption"> Graph presents number of transactions on Real Estate market in Wroclaw. Chart is made based on week updates. Similar
270 graphs present average property prices. Image is not unique but object of monitoring is quite original :) -- M.Cegielski &lt;info@<span class="legacy">XYZ-</span>wycena.net.pl&gt;, 2008/11 <a href="http://wycena.net.pl/ceny-mieszkania-wroclaw.htm">[demo]</a></div>
271 </div>
272  <!-- no wider than 600 pixels -->
273         <!-- creation date -->
274    <!-- Optional -->
275 <div class="gallery">
276 <h2> WAP Events </h2>
277 <div class="image"><img src="wap.png" alt="" width="597" height="447" /></div>
278 <div class="caption"> This graphs shows the WAP traffic events for 24 hours. -- Enrique Gómez &lt;egomezm@<span class="legacy">XYZ-</span>gmail.com&gt;, 2009/9 <a href="">[demo]</a></div>
279 </div>
280  <!-- no wider than 600 pixle -->
281         <!-- creation date -->
282    <!-- Optional -->
283 <div class="gallery">
284 <h2> Wireless Client Tracking </h2>
285 <div class="image"><img src="client_tracking.png" alt="" width="597" height="243" /></div>
286 <div class="caption"> RRDTool graph that gives a visual representation of wireless client movement from Access Point to Access Point -- Taylor Made Networks , 2008/4 <a href="http://gojooz.blogspot.com/2009/08/rrdtool-wireless-client-tracking.html">[demo]</a></div>
287 </div>
288  <!-- no wider than 600 pixle -->
289         <!-- creation date -->
290 <div class="gallery">
291 <h2> HTTP Cache Traffic </h2>
292 <div class="image"><img src="charles.png" alt="" width="597" height="213" /></div>
293 <div class="caption"> HTTP cache traffic from servers and to clients -- Charles Glass &lt;charlesequal@<span class="legacy">XYZ-</span>gmail.com&gt;, 2008/10 </div>
294 </div>
295  <!-- no wider than 600 pixle
296 -->
297         <!-- creation date -->
298 <div class="gallery">
299 <h2> Peering/Upstream Ratio </h2>
300 <div class="image"><img src="upstream-traffic-day.png" alt="" width="500" height="682" /></div>
301 <div class="caption"> This graph shows Peering- and Upstream-Traffic and
302 summarizes total amount of traffic from our Autonoumous System to the
303 World Wide Web. Several RRD-DBs are used to create the graph. MRTG is used
304 for collecting values from Cisco and Juniper routers. -- Alex Detzen , 2009/9 </div>
305 </div>
306  <!-- no wider than 600 pixle -->
307         <!-- creation date -->
308 <div class="gallery">
309 <h2> RTT of MPLS VPN endpoints </h2>
310 <div class="image"><img src="pings.png" alt="" width="583" height="413" /></div>
311 <div class="caption">Although MPLS VPN endpoints seem just one hop away from
312 the IP point of view, there is always a more complex underlying
313 infrastructure.
314 Collecting endpoint RTTs (pings) and plotting them reveals the hidden
315 infrastructure. This image shows that there are 6 groups of endpoints
316 that have consistent
317 minimum RTTs. This is most likely due to the number of real hops in
318 the underlying infrastructure and can also be influenced by the last
319 mile technology. It's also easy to spot temporary re-routing: in this
320 example the light green endpoint plots temporarily out of his
321 "league". -- Bruno Ciscato , 2008/9 </div>
322 </div>
323 <div class="gallery">
324 <h2> System Information (retro look) </h2>
325 <div class="image"><img src="systembelastung.png" alt="" width="600" height="264" /></div>
326 <div class="caption"> These 2 graphs are displayed on a status page of my
327 small server at home. The colour green on black is used because I like these colours in combination with computers referring to the opinion of
328 windows user about linux console freaks that are all supposed to have these colours in their console command line interfaces and because it looks
329 somehow old school.
330      -- kmindi , 2008/08 </div>
331 </div>
332  <!-- no wider than 600 pixle -->
333         <!-- creation date -->
334    <!-- Optional -->
335 <div class="gallery">
336 <h2> Traffic jam statistics Netherlands </h2>
337 <div class="image"><img src="filegroei.png" alt="" width="581" height="311" /></div>
338 <div class="caption">RRD with number of dutch traffic jams, length, weather, prediction and 24h ago -- Jeroen Wunnink &lt;info@<span class="legacy">XYZ-</span>filegroei.nl&gt;, 2008/5 <a href="http://www.filegroei.nl">[demo]</a></div>
339 </div>
340 <div class="gallery">
341 <h2>SIP Messages Last Week</h2>
342 <div class="image"><img src="sip_messages_week.png" alt="" width="697" height="503" /></div>
343 <div class="caption">Inbound and outbound SIP messages on a VoIP trunk group over the last week. -- Chris Aloi and Matthew M. Boedicker , 2008/5 </div>
344 </div>
345  <!-- no wider than 600 pixle -->
346        <!-- creation date -->
347    <!-- Optional -->
348 <div class="gallery">
349 <h2>Cubemon</h2>
350 <div class="image"><img src="cubemon.png" alt="" width="594" height="410" /></div>
351 <div class="caption">Cubemon - Real-Time openGL rotating .png images from RRDTool. Images generated by stats from monitored devices rotate in cubes. This example showing 26 devices at once -- Hamish Marson &lt;hamish@<span class="legacy">XYZ-</span>travellingkiwi.com&gt;, 2008/4 </div>
352 </div>
353  <!-- no wider than 600
354 pixle -->
355         <!-- creation date -->
356    <!-- Optional -->
357 <div class="gallery">
358 <h2> Sinus-Regression of Server-Traffic </h2>
359 <div class="image"><img src="sintraf.png" alt="" width="597" height="227" /></div>
360 <div class="caption"> This graph shows the traffic of a
361 networkinterface(dark-green). In red is displayed the optimal
362 sinus-curve thru the points of one week. Light-green is the
363 "can-be-range" of the traffic that was not alarmed. Yellow is the
364 "warning-range" of the curve and every other points cause an
365 CRITICAL-Warning in our minitoring. So we bring the
366 statistics-calculations into the monitoring. That will show us abnormaly
367 using of different curves and alarm it. -- Holger Kohn &lt;holger@<span class="legacy">XYZ-</span>kohn-nf.de&gt;, 2008/1 <a href="http://www.kohn-nf.de">[demo]</a></div>
368 </div>
369  <!-- no wider than 600 pixle -->
370         <!-- creation date -->
371    <!-- Optional -->
372 <div class="gallery">
373 <h2> Energy Mix </h2>
374 <div class="image"><img src="energy_graph.png" alt="" width="581" height="303" /></div>
375 <div class="caption"> This graph shows indoor and outdoor temperature, heating temperatures,
376 brightness, natural gas and electric power consumption. Values come from MessPC
377 system and is created with sensorserver project -- Lutz Schulze &lt;lschulze@<span class="legacy">XYZ-</span>messpc.de&gt;, 2008/3 <a href="http://www.messpc.de/sensorserver.php">[demo]</a></div>
378 </div>
379  <!-- no wider than 600 pixle -->
380         <!-- creation date -->
381        <!-- Optional -->
382 <div class="gallery">
383 <h2> Network Appliance IOPs by protocol </h2>
384 <div class="image"><img src="netapp-iops.png" alt="" width="600" height="321" /></div>
385 <div class="caption"> We use a combination of RRDtool, SNMP and Python to gather metrics and generate graphs for several of our critical systems. This graph shows a three hour window of the disk IO activity on one of our NetApp filers broken down by protocol (CIFS, NFS, FCP and iSCSI). -- Robert McDermott &lt;rmcdermo@<span class="legacy">XYZ-</span>gmail.com&gt;, 2007/12 </div>
386 </div>
387 <div class="gallery">
388 <h2>PC temperatures and fan speeds</h2>
389 <div class="image"><img src="temp6.png" alt="" width="647" height="417" /></div>
390 <div class="caption">An aggregate of all the temperatures and fans in my
391 personal desktop computer. The spike is me watching a HD movie trailer.
392 The grey area is a reboot. -- Ciprian Popovici , 2007/10 </div>
393 </div>
394 <div class="gallery">
395 <h2>Filesystem Utilization and Predicted Trends</h2>
396 <div class="image"><img src="fsu_predict.png" alt="" width="597" height="350" /></div>
397 <div class="caption">Shows filesystem utilization with projected trend lines based on various starting points in the dataset. Trends are computed using the rrdtool Least Squares Line functions. If a trend is predicted to cross 100% utiliztion within the graph window, the date of the crossing is displayed. -- Damien S. Stuart &lt;dstuart@<span class="legacy">XYZ-</span>dstuart.org&gt;, 2007/6 </div>
398 </div>
399 <div class="gallery">
400 <h2> Streaming Auditor mesure </h2>
401 <div class="image"><img src="stream-pop.png" alt="" width="597" height="193" /></div>
402 <div class="caption"> This graph waas made in order to have an idea of how many listerners are on the webradio every 5 minutes (in order to have a look on privileged listeing hours). It's an example of a "Blue Flaming". Thanks to ED and dedibox-news great helper team. If you want more explainations send me a mail. -- Black Dragon ? &lt;black@<span class="legacy">XYZ-</span>ozone-server.com&gt;, 2007/5 <a href="http://www.fantasticworlds.eu">[demo]</a></div>
403 </div>
404 <div class="gallery">
405 <h2> Thermostat with Indoor / Outdoor Temperature </h2>
406 <div class="image"><img src="n20e-daily.png" alt="" width="597" height="279" /></div>
407 <div class="caption"> A graph of the internal (green) and external (grey) temperature from an IP enabled thermostat. Red areas denote times when the heat
408 was on while blue denotes times when the air-conditioning was on. This graph also simulates translucent intersecting areas where the internal and
409 external temperatures can swap places without becoming unreadable. -- Anders Brownworth , 2007/5 <a href="http://www.anders.com/projects/thermostat-graph/">[demo]</a></div>
410 </div>
411  <!-- no wider than 600 pixle -->
412       <!-- creation date -->
413 <div class="gallery">
414 <h2>Voltage control on APC Smart-UPS 2200 (Last Month)</h2>
415 <div class="image"><img src="ups_voltage_month.png" alt="" width="697" height="307" /></div>
416 <div class="caption">This graph shows the operating voltage of the electrical outlets in the last month. -- SnikS &lt;admin@<span class="legacy">XYZ-</span>vitmn.ru&gt;, 2007/4 </div>
417 </div>
418  <!-- no wider than 600 pixle -->
419         <!-- creation date -->
420    <!-- Optional -->
421 <div class="gallery">
422 <h2> Temperature </h2>
423 <div class="image"><img src="temp-poprs.png" alt="" width="697" height="271" /></div>
424 <div class="caption"> This graph shows the temperature of a computer room (indoor) and make a parallel with external
425 temperature (in Porto Alegre city). -- João Marcelo Ceron &lt;&gt;, 2007/6 <a href="http://www.pop-rs.rnp.br/temperatura">[demo]</a></div>
426 </div>
427 <!-- no wider than 600 pixle -->
428         <!--
429 creation date -->
430    <!-- Optional -->
431 <div class="gallery">
432 <h2> DOCSIS UPSTREAM UTILIZATION </h2>
433 <div class="image"><img src="docsis_upstream_utilization.png" alt="" width="601" height="233" /></div>
434 <div class="caption"> This graph show de upstream utilization
435 of DOCSIS CMTS in the cable modem broadband operator.
436  -- Diego Santos Soares &lt;diegosoares@<span class="legacy">XYZ-</span>yahoo.com.br&gt;, 2006/10 </div>
437 </div>
438  <!-- no wider than 600 pixle -->
439           <!-- creation date -->
440         <!-- Optional -->
441 <div class="gallery">
442 <h2> Statistic for network interfaces </h2>
443 <div class="image"><img src="andrey.png" alt="" width="597" height="311" /></div>
444 <div class="caption">
445                 This a real (not artificial) data from a production machine.
446                 Isn't it amazing? Probably not the ideal sampling interval.
447          -- Andrey Afanasiev &lt;afanasiev-av@<span class="legacy">XYZ-</span>mcc.elektra.ru&gt;, 2006/11 <a href="none">[demo]</a></div>
448 </div>
449    <!-- Optional -->
450 <div class="gallery">
451 <h2> Merry Christmas</h2>
452 <div class="image"><img src="rrdtool-xmas.png" alt="" width="600" height="254" /></div>
453 <div class="caption"> Over a year ago I discoverd RRDtool. I had lots of fun
454 creating all sorts of new graphs since then. So why not use RRDtool for
455 my christmas cards too. A formula for the trees was simple. Father Christmas
456 was more of a challenge though. -- Peter J. Linden &lt;linden@<span class="legacy">XYZ-</span>linden-itc.de&gt;, 2005/12 </div>
457 </div>
458 <div class="gallery">
459 <h2> Server room temperature monitoring </h2>
460 <div class="image"><img src="termonit.png" alt="" width="600" height="326" /></div>
461 <div class="caption"> There are 8 thermal sensors across my server room. This graph shows thermal condition of various parts of the server room. -- Evgueni V. Gavrilov &lt;aquatique@<span class="legacy">XYZ-</span>rusunix.org&gt;, 2006/10 </div>
462 </div>
463 <div class="gallery">
464 <h2>Temperature, humidity and pressure plots</h2>
465 <div class="image"><img src="meteo-igf.png" alt="" width="597" height="243" /></div>
466 <div class="caption">
467     We use rrdtool to plot some basic meteorological
468     parameters. Data is coming from our institute's
469     (http://www.igf.fuw.edu.pl/zfa/en/) meteo-station
470     which was build from scratch by students. Rrdtool
471     fetch command is also used for creation of datafiles
472     available on the website.
473    -- Sylwester Arabas &lt;slayoo@<span class="legacy">XYZ-</span>igf.fuw.edu.pl&gt;, 2005/12 <a href="http://skng.igf.fuw.edu.pl/pl/stacja/">[demo]</a></div>
474 </div>
475 <div class="gallery">
476 <h2>Load and CPU usage</h2>
477 <div class="image"><img src="load.png" alt="" width="571" height="421" /></div>
478 <div class="caption">Graphs the load averages on the system and the fractions of CPU
479     states under the curve. -- Lars Kotthoff &lt;metalhead@<span class="legacy">XYZ-</span>metalhead.ws&gt;, 2006/10 <a href="http://www.metalhead.ws/rrdtool">[demo]</a></div>
480 </div>
481  <!-- no wider than 600 pixle -->
482         <!-- creation date -->
483    <!-- Optional -->
484 <div class="gallery">
485 <h2>Interconnect Utilization in Erlangs (Minutes per Minute)</h2>
486 <div class="image"><img src="btdmd8.png" alt="" width="697" height="427" /></div>
487 <div class="caption">Graph shows inbound and outbound call traffic going in and out
488 of the switch via the 6 trunks connected to the Diamond exchange. Inbound
489 traffic shown as positive and uses a lowest-free fill method. Outbound
490 traffic shown as negative uses a distributed fill method. <a
491 href="/rrdtool-trac/wiki/OutlinedAreaGraph">Tech
492 details on RRDtrac</a>. -- Ben Golden &lt;bengolden@<span class="legacy">XYZ-</span>.removethis.blueyonder.co.uk&gt;, 2006/3 </div>
493 </div>
494 <div class="gallery">
495 <h2> The Matrix </h2>
496 <div class="image"><img src="576_nodes.png" alt="" width="600" height="440" /></div>
497 <div class="caption"> This is a part of our cluster of about 2000 CPUs.
498                    All nodes are being monitored in real-time for major system
499                    information every 15 seconds. Data collection and consolidation
500                    is done on one central server.
501       -- Fabien Wernli , 2006/1 </div>
502 </div>
503         <!-- creation date -->
504      <!-- Optional -->
505 <div class="gallery">
506 <h2> Windvaan de drie delfzijlen </h2>
507 <div class="image"><img src="windvaan.png" alt="" width="541" height="324" /></div>
508 <div class="caption"> A graph showing wind speed &amp; direction. -- H.R. ter Veer &lt;h.r.terveer@<span class="legacy">XYZ-</span>noorderzijlvest.nl&gt;, 2006/1 </div>
509 </div>
510  <!-- no wider than 600 pixle -->
511         <!-- creation date -->
512 <div class="gallery">
513 <h2>RRDstats QOS classes usage</h2>
514 <div class="image"><img src="rrdstats.png" alt="" width="595" height="370" /></div>
515 <div class="caption">RRDStats is Coyote Linux &amp; BrazilFW floppy router package.
516 Graphical statistics for bandwidth usage, link quality and defined QOS
517 classes. -- Dolly &lt;dolly@<span class="legacy">XYZ-</span>czi.cz&gt;, 2005/11 <a href="http://dolly.czi.cz/coyote/statssample/">[demo]</a></div>
518 </div>
519          <!-- creation date -->
520 <div class="gallery">
521 <h2> Gamer count on 1stgame.nl </h2>
522 <div class="image"><img src="all_gamers_36h.png" alt="" width="593" height="385" /></div>
523 <div class="caption"> Stacked graph of gameserver player counts -- Tom Mulder &lt;tom@<span class="legacy">XYZ-</span>removethis.1stgame.nl&gt;, 2005/11 <a href="http://stats.1stgame.nl/">[demo]</a></div>
524 </div>
525  <!-- no wider than 600 pixle -->
526         <!-- creation date -->
527    <!-- Optional -->
528 <div class="gallery">
529 <h2> SMPP Router Statistics </h2>
530 <div class="image"><img src="smpp.png" alt="" width="664" height="169" /></div>
531 <div class="caption"> SMSs per second statistics graph -- Osinet &lt;info@<span class="legacy">XYZ-</span>osinet.com.ar&gt;, 2005/11 <a href="http://www.osinet.com.ar">[demo]</a></div>
532 </div>
533 <div class="gallery">
534 <h2>Traffic in Kibibytes - cable modem.</h2>
535 <div class="image"><img src="ryan.png" alt="" width="697" height="229" /></div>
536 <div class="caption">Just an example of different colors and transparency more or less using the rrdtool's site colors. Has a one minute --step. -- Ryan Jordan &lt;ryanstuartjordan@<span class="legacy">XYZ-</span>gmail.com&gt;, 2005/11 <a href="http://carmex.ath.cx/graphs/">[demo]</a></div>
537 </div>
538  <!-- no wider than 600 pixle -->
539         <!-- creation date -->
540    <!-- Optional -->
541 <div class="gallery">
542 <h2> Weather monitoring </h2>
543 <div class="image"><img src="zug.png" alt="" width="447" height="229" /></div>
544 <div class="caption"> This graph shows the atmospheric pressure measured at our
545 school's weather station. We use this data and graphs to
546 demonstrate weather behavior with real life data. -- Kantonsschule Zug &lt;info@<span class="legacy">XYZ-</span>kanti-zug.ch&gt;, 2005/11 <a href="http://weather.kanti-zug.ch">[demo]</a></div>
547 </div>
548         <!-- creation date -->
549    <!-- Optional -->
550 <!-- mpot@martybugs.net -->
551 <div class="gallery">
552 <h2>WAN Link Monitoring</h2>
553 <div class="image"><img src="pmacct-3hour.png" alt="" width="600" height="606" /></div>
554 <div class="caption">These graphs show network traffic inbound and outbound on the WAN link from our office into our corporate network, and allow us to monitor the network usage of each department in the office.
555 <a href="http://www.ba.cnr.it/~paolo/pmacct/">pmacct</a> is used to monitor all traffic on a mirrored switch port, with some perl scripts to parse the pmacct data, store it into rrd files and generate the graphs.
556 Get in <a href="http://martybugs.net/contact.cgi">touch</a> with me if you have any questions.
557  -- Martin Pot , 2004/1 </div>
558 </div>
559  <!-- no wider than 600 pixle -->
560         <!-- creation date -->
561           <!-- Optional -->
562 <div class="gallery">
563 <h2> Solar System's Data </h2>
564 <div class="image"><img src="solar.png" alt="" width="472" height="243" /></div>
565 <div class="caption"> Shows the daily information about our solar system's data and state -- Christian Kaiser &lt;chk@<span class="legacy">XYZ-</span>online.de&gt;, 2005/8 <a href="http://www.invest-tools.com/pub/solsys/sys_dhw/graph_day.html">[demo]</a></div>
566 </div>
567  <!-- no wider than 600 pixle -->
568      <!-- creation date -->
569        <!-- Optional -->
570 <div class="gallery">
571 <h2> Statistic for antispam server </h2>
572 <div class="image"><img src="mailstat-daily.png" alt="" width="597" height="499" /></div>
573 <div class="caption"> Unlike most other report, data in this report are
574 collected every hour (3600 sec). This graph shows how the effectiveness of
575 using <a href="http://www.postfix.org/uce.html">postfix UCE control</a>,
576       <a href="http://sqlgrey.sourceforge.net">greylisting</a> and
577       <a href="http://spamassassin.apache.org">spamassassin</a> to reduce spam.
578      -- Bambang Budiharto &lt;budhi@<span class="legacy">XYZ-</span>i6x.org&gt;, 2005/6 </div>
579 </div>
580 <div class="gallery">
581 <h2> ACAD Network - kuzniki.net - traffic graphing </h2>
582 <div class="image"><img src="panel_user.png" alt="" width="617" height="335" /></div>
583 <div class="caption"> This graph shows amount of total and peer2peer traffic generated by user.
584  Online, offline decision is based on information if the computer was sending any data.
585 (Legend translation: 'bajtow na sek DO' - eng. incoming Bps, 'bajtow na sek Z' - eng. outgoing Bps, 'razem' - eng. total,
586  'wylaczony' - eng. offline, 'wlaczony' - eng. online) -- Gabriel Borkowski , 2005/6 </div>
587 </div>
588    <!-- Optional -->
589 <div class="gallery">
590 <h2> Mailgraph and Greylisting </h2>
591 <div class="image"><img src="mailgraph_gallery.png" alt="" width="623" height="387" /></div>
592 <div class="caption">This graphs show the effect that the <a
593 href="http://isg.ee.ethz.ch/tools/postgrey">greylisting</a> technique
594 had on our mail traffic. Notice the drop of spam and viruses in the
595 middle of the graph (June 2004) and the corresponding increase in the
596 rejected mails.
597   -- David Schweikert &lt;dws@<span class="legacy">XYZ-</span>ee.ethz.ch&gt;, 2005/6 </div>
598 </div>
599  <!-- no wider than 600 pixle -->
600         <!-- creation date -->
601    <!-- Optional -->
602 <div class="gallery">
603 <h2>Ram Usage on Linux Machine</h2>
604 <div class="image"><img src="ramUsage.png" alt="" width="600" height="398" /></div>
605 <div class="caption">Created for use with Torrus (unsubmitted) to show the usage of all available RAM, stacked by type of usage. -- Michiel Brandenburg &lt;apex@<span class="legacy">XYZ-</span>xepa.nl&gt;, 2005/5 </div>
606 </div>
607  <!-- no wider than 600 pixle -->
608         <!-- creation date -->
609 <div class="gallery">
610 <h2> CPU Load drawed with drraw.cgi </h2>
611 <div class="image"><img src="CPU__Trend.png" alt="" width="681" height="333" /></div>
612 <div class="caption">
613 Created with drraw from Christophe Kalt (See RRDtool Companions)
614 Changing Colors and using the new Trend Funkion.
615  -- Christoph Baumann &lt;christoph.baumann@<span class="legacy">XYZ-</span>coop.ch&gt;, 2005/5 </div>
616 </div>
617    <!-- Optional -->
618 <div class="gallery">
619 <h2> Fluxoscope Graph </h2>
620 <div class="image"><img src="flux.png" alt="" width="585" height="366" /></div>
621 <div class="caption">  Fluxoscope is a system used by SWITCH for measurements of
622     our external network traffic. One of its products are graphs which
623     represent, for each external connection, the protocol distribution
624     of traffic over time. The example graph shows the traffic
625     distribution on one of our "upstream" or transit ISPs over a
626     period of a few hours. The "positive" part of the graph shows
627     incoming traffic (what we receive from the ISP), the "negative"
628     part corresponds to outgoing traffic (what we send them). -- Simon Leinen &lt;simon@<span class="legacy">XYZ-</span>switch.ch&gt;, 2005/5 </div>
629 </div>
630 <div class="gallery">
631 <h2> spamd connections </h2>
632 <div class="image"><img src="gate.spamd.week.600.png" alt="" width="462" height="293" /></div>
633 <div class="caption">
634 <a href='http://www.openbsd.org/cgi-bin/man.cgi?query=spamd'>OpenBSD's
635 spam deferral daemon</a> connection graph shows simultaneous connections in green, and connection times in blue. The dark blue line shows the average connection time, with lighter blue used to show the range from minimum to maximum as a blurring effect. The data is taken from a spamd logfile every time a line is added, or at 10 second intervals if no new data arrives in which case the most recent values are duplicated. The RRD is created with a 30 second heartbeat - so some fractional number of connections is possible. For those unfamiliar with spamd, it is an SMTP tarpit for blacklisted senders. The logfile includes the number of concurrent connections each time a new host connects, and the time a connection has lasted when a host disconnects. The number of connections should be fairly accurate in the graphs, while the connection times are not so in the short-term, depending more on the timing of the disconnects. Connections and times are tracked separately in perl, except that disconnects cause a decrement in the connection count as well.
636  -- Christopher Kruslicky &lt;chris-rrdgallery@<span class="legacy">XYZ-</span>kruslicky.net&gt;, 2005/4 </div>
637 </div>
638 <div class="gallery">
639 <h2> UW-HEP Grid Computing Resources Graph </h2>
640 <div class="image"><img src="uw-condor.png" alt="" width="607" height="327" /></div>
641 <div class="caption">
642 This graph shows that the Linux Intel computing resources available
643 for particle physics research at the University of Wisconsin
644 provides 4.7 CPU <b>years</b> of computing power every day. It's a
645 combination of Condor pools managed by High Energy Physics, the
646 Computer Science Department and the Grid Laboratory of Wisconsin.
647  -- Steve Rader &lt;rader@<span class="legacy">XYZ-</span>hep.wisc.edu&gt;, 2005/5 <a href="http://nrg.hep.wisc.edu">[demo]</a></div>
648 </div>
649 <div class="gallery">
650 <h2> UW-HEP Grid CPU Utilization Graph </h2>
651 <div class="image"><img src="uw-condor-use.png" alt="" width="607" height="327" /></div>
652 <div class="caption">
653 This graph shows the utilization of Linux Intel CPUs by particle
654 physics researchers and other members of the Grid Laboratory of
655 Wisconsin.
656  -- Steve Rader &lt;rader@<span class="legacy">XYZ-</span>hep.wisc.edu&gt;, 2005/5 <a href="http://nrg.hep.wisc.edu">[demo]</a></div>
657 </div>
658  <!-- no wider than 600 pixle -->
659  <!-- creation date -->
660 <div class="gallery">
661 <h2> MMS Retrieve</h2>
662 <div class="image"><img src="mmh11_po.png" alt="" width="267" height="321" /></div>
663 <div class="caption"> Simply parse of SNMPget from Vendor OID. The graph display the
664 actual volume of transactions for MMS retrieve for mobile phone and sent to
665 other Operators (OLO). -- Alex Rivoltella &lt;alessio.r-delme-@<span class="legacy">XYZ-</span>tiscalinet.it&gt;, 2006/3 </div>
666 </div>
667  <!-- no wider than 600 pixle -->
668  <!-- creation date -->
669 <div class="gallery">
670 <h2> MMS Errors</h2>
671 <div class="image"><img src="mmh11_er.png" alt="" width="267" height="321" /></div>
672 <div class="caption"> Simply parse of SNMPget from Vendor OID. The graph display the
673 actual send a PAP push to the mobile, possibile errors due to get to HLR and
674 retrieve for mobile. -- Alex Rivoltella &lt;alessio.r-delme-@<span class="legacy">XYZ-</span>tiscalinet.it&gt;, 2006/3 </div>
675 </div>
676 <h2>Add your own graphs to this list</h2>
677 <p>If you have created a graph you like, and you think I would like it too,
678 please send me the image plus an xml file like the example below to be
679 considered for addition to this page. Note that your graph must not be wider
680 than 600 pixels.</p>
681 <pre>
682 &lt;gallery image="graph.png" &gt; &lt;!-- no wider than 600 pixle --&gt;
684       &lt;title&gt; A Title for the Graph &lt;/title&gt;
685      &lt;author&gt; Who created it ? &lt;/author&gt; 
686 &lt;description&gt; max 300 characters of background information. &lt;/description&gt;
687        &lt;year&gt; 2005 &lt;/year&gt;&lt;month&gt; 4 &lt;/month&gt; &lt;!-- creation date --&gt;
688       
689    &lt;!-- Optional --&gt;   
691    &lt;livesite&gt; http://somesite.blabla.plac &lt;/livesite&gt; 
692       &lt;email&gt; max@example.com &lt;/email&gt;
694 &lt;/gallery&gt;</pre>
695 <!-- google_ad_section_end -->
696 </div>
697 </td>
698 </tr>
699 <tr>
700 <td id="leftcornercell"></td>
701 <td id="footcell">
702 <!-- ############################# -->
703 <!-- # FOOTER -->
704 <!-- ############################# -->
705 <div id="address">
706 <small>
707 12/26/12 | <a href="mailto:tobi@..delete..this..removethis.oetiker.ch">Tobias Oetiker</a> | <a href="http://it.oetiker.ch/monitoring/">OETIKER+PARTNER AG</a>
708 </small>
709 </div>
710 </td></tr>
711 </table>
712 <hr class="legacy" />
713 <p class="legacy" style="border-width: 1px; border-color: red; padding: 5px;">
714 <b>NOTE:</b> The content of this website is accessible with any browser. The graphical
715 design though relies completely on CSS2 styles. If you see this text, this means
716 that your browser does not support CSS2. Consider upgrading to a standard conformant
717 browser like Mozilla <a href="http://www.getfirefox.com">Firefox</a> or
718 <a href="http://www.opera.com">Opera</a> but also Apple's <a href="http://www.apple.com/safari/">Safari</a>
719 or KDE's <a href="http://www.konqueror.org">Konqueror</a> for example.
720 It may also be that you are looking at a mirror page which did not copy <a href="../inc/design.css">the CSS</a> for this page. Or if some pictu
721 res are missing, then the mirror may not have picked up the contents of the <a href="../inc/">inc</a> directory.
722 </p>
723 <script type="text/javascript">
724 var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
725 document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
726 </script>
727 <script type="text/javascript">
728 var pageTracker = _gat._getTracker("UA-374525-1");
729 pageTracker._initData();
730 pageTracker._trackPageview();
731 </script>
732 </body>
733 </html>