Code

42f73ff5873e55e89c1dd4fefbd88edca2cdbf76
[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.zenoss.com/rrdtool?utm_source=rrdtool&amp;utm_medium=logolink&amp;utm_campaign=inbound"><img border="0" title="Zenoss Open Source IT Monitoring" alt="Zenoss Open Source IT Monitoring" src="../logos/zenoss.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> Network Based Application Recognition </h2>
147 <div class="image"><img src="nbar_optical_com_pe.png" alt="" width="600" height="518" /></div>
148 <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>
149 </div>
150  <!-- no wider than 600 pixle -->
151         <!-- creation date -->
152    <!-- Optional -->
153 <div class="gallery">
154 <h2> CPU Statistics</h2>
155 <div class="image"><img src="amz2.png" alt="" width="600" height="363" /></div>
156 <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>
157 </div>
158  <!-- no wider than 600 pixle -->
159         <!-- creation date -->
160    <!-- Optional -->
161 <div class="gallery">
162 <h2> Compare data with last week</h2>
163 <div class="image"><img src="comp.png" alt="" width="600" height="327" /></div>
164 <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>
165 </div>
166    <!-- Optional -->
167 <div class="gallery">
168 <h2> Mikrotik Wireless Registration Graph </h2>
169 <div class="image"><img src="mikrotik_wireless.png" alt="" width="597" height="357" /></div>
170 <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>
171 </div>
172  <!-- no wider than 600 pixle -->
173          <!-- creation date -->
174 <div class="gallery">
175 <p>
176 <script type="text/javascript"><!--
177 google_ad_client = "pub-8135238818549668";
178 google_ad_width = 300;
179 google_ad_height = 250;
180 google_ad_format = "300x250_as";
181 google_ad_type = "text_image";
182 google_ad_channel ="9159032853";
183 google_color_border = "ffffff";
184 google_color_bg = "f0f8FF";
185 google_color_link = "191919";
186 google_color_url = "0066CC";
187 google_color_text = "000000";
188 //--></script>
189 <script type="text/javascript"
190   src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
191 </script>
192 </p>
193 <h2>Air Pressure in Almaty</h2>
194 <div class="image"><img src="airpres.png" alt="" width="601" height="293" /></div>
195 <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>
196 </div>
197  <!-- no wider than 600 pixle -->
198         <!-- creation date -->
199    <!-- Optional -->
200 <div class="gallery">
201 <h2> Bandwidth Actual and Utilization </h2>
202 <div class="image"><img src="newbwgraph.png" alt="" width="675" height="400" /></div>
203 <div class="caption"> The graph represents bandwidth as both a hard value and
204 as % utilization. I have had customers ask for one or the other and
205 decided to combine them into an effective and informative visual
206 smorgasbord. Code is for OpenNMS and looks a little different (see
207 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>
208 </div>
209  <!-- no wider than 600 pixle -->
210         <!-- creation date -->
211    <!-- Optional -->
212 <div class="gallery">
213 <h2> MFC License usage </h2>
214 <div class="image"><img src="mfc_lic_cnt24h.png" alt="" width="481" height="324" /></div>
215 <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>
216 </div>
217  <!-- no wider than 600 pixle -->
218         <!-- creation date -->
219 <div class="gallery">
220 <h2> PPPOE Comunication Statistics </h2>
221 <div class="image"><img src="ivaylo.png" alt="" width="703" height="361" /></div>
222 <div class="caption"> Statistic about every packet in pppoe handshake. Used for monitoring ADSL service. -- Ivaylo Terziyski , 2010/4 </div>
223 </div>
224  <!-- no wider than 600 pixle -->
225   <!-- creation date -->
226  <!-- Optional -->
227 <div class="gallery">
228 <h2> Transaction monitoring on property market </h2>
229 <div class="image"><img src="miszek.png" alt="" width="377" height="233" /></div>
230 <div class="caption"> Graph presents number of transactions on Real Estate market in Wroclaw. Chart is made based on week updates. Similar
231 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>
232 </div>
233  <!-- no wider than 600 pixels -->
234         <!-- creation date -->
235    <!-- Optional -->
236 <div class="gallery">
237 <h2> WAP Events </h2>
238 <div class="image"><img src="wap.png" alt="" width="597" height="447" /></div>
239 <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>
240 </div>
241  <!-- no wider than 600 pixle -->
242         <!-- creation date -->
243    <!-- Optional -->
244 <div class="gallery">
245 <h2> Wireless Client Tracking </h2>
246 <div class="image"><img src="client_tracking.png" alt="" width="597" height="243" /></div>
247 <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>
248 </div>
249  <!-- no wider than 600 pixle -->
250         <!-- creation date -->
251 <div class="gallery">
252 <h2> HTTP Cache Traffic </h2>
253 <div class="image"><img src="charles.png" alt="" width="597" height="213" /></div>
254 <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>
255 </div>
256  <!-- no wider than 600 pixle
257 -->
258         <!-- creation date -->
259 <div class="gallery">
260 <h2> Peering/Upstream Ratio </h2>
261 <div class="image"><img src="upstream-traffic-day.png" alt="" width="500" height="682" /></div>
262 <div class="caption"> This graph shows Peering- and Upstream-Traffic and
263 summarizes total amount of traffic from our Autonoumous System to the
264 World Wide Web. Several RRD-DBs are used to create the graph. MRTG is used
265 for collecting values from Cisco and Juniper routers. -- Alex Detzen , 2009/9 </div>
266 </div>
267  <!-- no wider than 600 pixle -->
268         <!-- creation date -->
269 <div class="gallery">
270 <h2> RTT of MPLS VPN endpoints </h2>
271 <div class="image"><img src="pings.png" alt="" width="583" height="413" /></div>
272 <div class="caption">Although MPLS VPN endpoints seem just one hop away from
273 the IP point of view, there is always a more complex underlying
274 infrastructure.
275 Collecting endpoint RTTs (pings) and plotting them reveals the hidden
276 infrastructure. This image shows that there are 6 groups of endpoints
277 that have consistent
278 minimum RTTs. This is most likely due to the number of real hops in
279 the underlying infrastructure and can also be influenced by the last
280 mile technology. It's also easy to spot temporary re-routing: in this
281 example the light green endpoint plots temporarily out of his
282 "league". -- Bruno Ciscato , 2008/9 </div>
283 </div>
284 <div class="gallery">
285 <h2> System Information (retro look) </h2>
286 <div class="image"><img src="systembelastung.png" alt="" width="600" height="264" /></div>
287 <div class="caption"> These 2 graphs are displayed on a status page of my
288 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
289 windows user about linux console freaks that are all supposed to have these colours in their console command line interfaces and because it looks
290 somehow old school.
291      -- kmindi , 2008/08 </div>
292 </div>
293  <!-- no wider than 600 pixle -->
294         <!-- creation date -->
295    <!-- Optional -->
296 <div class="gallery">
297 <h2> Traffic jam statistics Netherlands </h2>
298 <div class="image"><img src="filegroei.png" alt="" width="581" height="311" /></div>
299 <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>
300 </div>
301 <div class="gallery">
302 <h2>SIP Messages Last Week</h2>
303 <div class="image"><img src="sip_messages_week.png" alt="" width="697" height="503" /></div>
304 <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>
305 </div>
306  <!-- no wider than 600 pixle -->
307        <!-- creation date -->
308    <!-- Optional -->
309 <div class="gallery">
310 <h2>Cubemon</h2>
311 <div class="image"><img src="cubemon.png" alt="" width="594" height="410" /></div>
312 <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>
313 </div>
314  <!-- no wider than 600
315 pixle -->
316         <!-- creation date -->
317    <!-- Optional -->
318 <div class="gallery">
319 <h2> Sinus-Regression of Server-Traffic </h2>
320 <div class="image"><img src="sintraf.png" alt="" width="597" height="227" /></div>
321 <div class="caption"> This graph shows the traffic of a
322 networkinterface(dark-green). In red is displayed the optimal
323 sinus-curve thru the points of one week. Light-green is the
324 "can-be-range" of the traffic that was not alarmed. Yellow is the
325 "warning-range" of the curve and every other points cause an
326 CRITICAL-Warning in our minitoring. So we bring the
327 statistics-calculations into the monitoring. That will show us abnormaly
328 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>
329 </div>
330  <!-- no wider than 600 pixle -->
331         <!-- creation date -->
332    <!-- Optional -->
333 <div class="gallery">
334 <h2> Energy Mix </h2>
335 <div class="image"><img src="energy_graph.png" alt="" width="581" height="303" /></div>
336 <div class="caption"> This graph shows indoor and outdoor temperature, heating temperatures,
337 brightness, natural gas and electric power consumption. Values come from MessPC
338 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>
339 </div>
340  <!-- no wider than 600 pixle -->
341         <!-- creation date -->
342        <!-- Optional -->
343 <div class="gallery">
344 <h2> Network Appliance IOPs by protocol </h2>
345 <div class="image"><img src="netapp-iops.png" alt="" width="600" height="321" /></div>
346 <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>
347 </div>
348 <div class="gallery">
349 <h2>PC temperatures and fan speeds</h2>
350 <div class="image"><img src="temp6.png" alt="" width="647" height="417" /></div>
351 <div class="caption">An aggregate of all the temperatures and fans in my
352 personal desktop computer. The spike is me watching a HD movie trailer.
353 The grey area is a reboot. -- Ciprian Popovici , 2007/10 </div>
354 </div>
355 <div class="gallery">
356 <h2>Filesystem Utilization and Predicted Trends</h2>
357 <div class="image"><img src="fsu_predict.png" alt="" width="597" height="350" /></div>
358 <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>
359 </div>
360 <div class="gallery">
361 <h2> Streaming Auditor mesure </h2>
362 <div class="image"><img src="stream-pop.png" alt="" width="597" height="193" /></div>
363 <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>
364 </div>
365 <div class="gallery">
366 <h2> Thermostat with Indoor / Outdoor Temperature </h2>
367 <div class="image"><img src="n20e-daily.png" alt="" width="597" height="279" /></div>
368 <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
369 was on while blue denotes times when the air-conditioning was on. This graph also simulates translucent intersecting areas where the internal and
370 external temperatures can swap places without becoming unreadable. -- Anders Brownworth , 2007/5 <a href="http://www.anders.com/projects/thermostat-graph/">[demo]</a></div>
371 </div>
372  <!-- no wider than 600 pixle -->
373       <!-- creation date -->
374 <div class="gallery">
375 <h2>Voltage control on APC Smart-UPS 2200 (Last Month)</h2>
376 <div class="image"><img src="ups_voltage_month.png" alt="" width="697" height="307" /></div>
377 <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>
378 </div>
379  <!-- no wider than 600 pixle -->
380         <!-- creation date -->
381    <!-- Optional -->
382 <div class="gallery">
383 <h2> Temperature </h2>
384 <div class="image"><img src="temp-poprs.png" alt="" width="697" height="271" /></div>
385 <div class="caption"> This graph shows the temperature of a computer room (indoor) and make a parallel with external
386 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>
387 </div>
388 <!-- no wider than 600 pixle -->
389         <!--
390 creation date -->
391    <!-- Optional -->
392 <div class="gallery">
393 <h2> DOCSIS UPSTREAM UTILIZATION </h2>
394 <div class="image"><img src="docsis_upstream_utilization.png" alt="" width="601" height="233" /></div>
395 <div class="caption"> This graph show de upstream utilization
396 of DOCSIS CMTS in the cable modem broadband operator.
397  -- Diego Santos Soares &lt;diegosoares@<span class="legacy">XYZ-</span>yahoo.com.br&gt;, 2006/10 </div>
398 </div>
399  <!-- no wider than 600 pixle -->
400           <!-- creation date -->
401         <!-- Optional -->
402 <div class="gallery">
403 <h2> Statistic for network interfaces </h2>
404 <div class="image"><img src="andrey.png" alt="" width="597" height="311" /></div>
405 <div class="caption">
406                 This a real (not artificial) data from a production machine.
407                 Isn't it amazing? Probably not the ideal sampling interval.
408          -- Andrey Afanasiev &lt;afanasiev-av@<span class="legacy">XYZ-</span>mcc.elektra.ru&gt;, 2006/11 <a href="none">[demo]</a></div>
409 </div>
410    <!-- Optional -->
411 <div class="gallery">
412 <h2> Merry Christmas</h2>
413 <div class="image"><img src="rrdtool-xmas.png" alt="" width="600" height="254" /></div>
414 <div class="caption"> Over a year ago I discoverd RRDtool. I had lots of fun
415 creating all sorts of new graphs since then. So why not use RRDtool for
416 my christmas cards too. A formula for the trees was simple. Father Christmas
417 was more of a challenge though. -- Peter J. Linden &lt;linden@<span class="legacy">XYZ-</span>linden-itc.de&gt;, 2005/12 </div>
418 </div>
419 <div class="gallery">
420 <h2> Server room temperature monitoring </h2>
421 <div class="image"><img src="termonit.png" alt="" width="600" height="326" /></div>
422 <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>
423 </div>
424 <div class="gallery">
425 <h2>Temperature, humidity and pressure plots</h2>
426 <div class="image"><img src="meteo-igf.png" alt="" width="597" height="243" /></div>
427 <div class="caption">
428     We use rrdtool to plot some basic meteorological
429     parameters. Data is coming from our institute's
430     (http://www.igf.fuw.edu.pl/zfa/en/) meteo-station
431     which was build from scratch by students. Rrdtool
432     fetch command is also used for creation of datafiles
433     available on the website.
434    -- 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>
435 </div>
436 <div class="gallery">
437 <h2>Load and CPU usage</h2>
438 <div class="image"><img src="load.png" alt="" width="571" height="421" /></div>
439 <div class="caption">Graphs the load averages on the system and the fractions of CPU
440     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>
441 </div>
442  <!-- no wider than 600 pixle -->
443         <!-- creation date -->
444    <!-- Optional -->
445 <div class="gallery">
446 <h2>Interconnect Utilization in Erlangs (Minutes per Minute)</h2>
447 <div class="image"><img src="btdmd8.png" alt="" width="697" height="427" /></div>
448 <div class="caption">Graph shows inbound and outbound call traffic going in and out
449 of the switch via the 6 trunks connected to the Diamond exchange. Inbound
450 traffic shown as positive and uses a lowest-free fill method. Outbound
451 traffic shown as negative uses a distributed fill method. <a
452 href="/rrdtool-trac/wiki/OutlinedAreaGraph">Tech
453 details on RRDtrac</a>. -- Ben Golden &lt;bengolden@<span class="legacy">XYZ-</span>.removethis.blueyonder.co.uk&gt;, 2006/3 </div>
454 </div>
455 <div class="gallery">
456 <h2> The Matrix </h2>
457 <div class="image"><img src="576_nodes.png" alt="" width="600" height="440" /></div>
458 <div class="caption"> This is a part of our cluster of about 2000 CPUs.
459                    All nodes are being monitored in real-time for major system
460                    information every 15 seconds. Data collection and consolidation
461                    is done on one central server.
462       -- Fabien Wernli , 2006/1 </div>
463 </div>
464         <!-- creation date -->
465      <!-- Optional -->
466 <div class="gallery">
467 <h2> Windvaan de drie delfzijlen </h2>
468 <div class="image"><img src="windvaan.png" alt="" width="541" height="324" /></div>
469 <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>
470 </div>
471  <!-- no wider than 600 pixle -->
472         <!-- creation date -->
473 <div class="gallery">
474 <h2>RRDstats QOS classes usage</h2>
475 <div class="image"><img src="rrdstats.png" alt="" width="595" height="370" /></div>
476 <div class="caption">RRDStats is Coyote Linux &amp; BrazilFW floppy router package.
477 Graphical statistics for bandwidth usage, link quality and defined QOS
478 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>
479 </div>
480          <!-- creation date -->
481 <div class="gallery">
482 <h2> Gamer count on 1stgame.nl </h2>
483 <div class="image"><img src="all_gamers_36h.png" alt="" width="593" height="385" /></div>
484 <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>
485 </div>
486  <!-- no wider than 600 pixle -->
487         <!-- creation date -->
488    <!-- Optional -->
489 <div class="gallery">
490 <h2> SMPP Router Statistics </h2>
491 <div class="image"><img src="smpp.png" alt="" width="664" height="169" /></div>
492 <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>
493 </div>
494 <div class="gallery">
495 <h2>Traffic in Kibibytes - cable modem.</h2>
496 <div class="image"><img src="ryan.png" alt="" width="697" height="229" /></div>
497 <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>
498 </div>
499  <!-- no wider than 600 pixle -->
500         <!-- creation date -->
501    <!-- Optional -->
502 <div class="gallery">
503 <h2> Weather monitoring </h2>
504 <div class="image"><img src="zug.png" alt="" width="447" height="229" /></div>
505 <div class="caption"> This graph shows the atmospheric pressure measured at our
506 school's weather station. We use this data and graphs to
507 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>
508 </div>
509         <!-- creation date -->
510    <!-- Optional -->
511 <!-- mpot@martybugs.net -->
512 <div class="gallery">
513 <h2>WAN Link Monitoring</h2>
514 <div class="image"><img src="pmacct-3hour.png" alt="" width="600" height="606" /></div>
515 <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.
516 <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.
517 Get in <a href="http://martybugs.net/contact.cgi">touch</a> with me if you have any questions.
518  -- Martin Pot , 2004/1 </div>
519 </div>
520  <!-- no wider than 600 pixle -->
521         <!-- creation date -->
522           <!-- Optional -->
523 <div class="gallery">
524 <h2> Solar System's Data </h2>
525 <div class="image"><img src="solar.png" alt="" width="472" height="243" /></div>
526 <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>
527 </div>
528  <!-- no wider than 600 pixle -->
529      <!-- creation date -->
530        <!-- Optional -->
531 <div class="gallery">
532 <h2> Statistic for antispam server </h2>
533 <div class="image"><img src="mailstat-daily.png" alt="" width="597" height="499" /></div>
534 <div class="caption"> Unlike most other report, data in this report are
535 collected every hour (3600 sec). This graph shows how the effectiveness of
536 using <a href="http://www.postfix.org/uce.html">postfix UCE control</a>,
537       <a href="http://sqlgrey.sourceforge.net">greylisting</a> and
538       <a href="http://spamassassin.apache.org">spamassassin</a> to reduce spam.
539      -- Bambang Budiharto &lt;budhi@<span class="legacy">XYZ-</span>i6x.org&gt;, 2005/6 </div>
540 </div>
541 <div class="gallery">
542 <h2> ACAD Network - kuzniki.net - traffic graphing </h2>
543 <div class="image"><img src="panel_user.png" alt="" width="617" height="335" /></div>
544 <div class="caption"> This graph shows amount of total and peer2peer traffic generated by user.
545  Online, offline decision is based on information if the computer was sending any data.
546 (Legend translation: 'bajtow na sek DO' - eng. incoming Bps, 'bajtow na sek Z' - eng. outgoing Bps, 'razem' - eng. total,
547  'wylaczony' - eng. offline, 'wlaczony' - eng. online) -- Gabriel Borkowski , 2005/6 </div>
548 </div>
549    <!-- Optional -->
550 <div class="gallery">
551 <h2> Mailgraph and Greylisting </h2>
552 <div class="image"><img src="mailgraph_gallery.png" alt="" width="623" height="387" /></div>
553 <div class="caption">This graphs show the effect that the <a
554 href="http://isg.ee.ethz.ch/tools/postgrey">greylisting</a> technique
555 had on our mail traffic. Notice the drop of spam and viruses in the
556 middle of the graph (June 2004) and the corresponding increase in the
557 rejected mails.
558   -- David Schweikert &lt;dws@<span class="legacy">XYZ-</span>ee.ethz.ch&gt;, 2005/6 </div>
559 </div>
560  <!-- no wider than 600 pixle -->
561         <!-- creation date -->
562    <!-- Optional -->
563 <div class="gallery">
564 <h2>Ram Usage on Linux Machine</h2>
565 <div class="image"><img src="ramUsage.png" alt="" width="600" height="398" /></div>
566 <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>
567 </div>
568  <!-- no wider than 600 pixle -->
569         <!-- creation date -->
570 <div class="gallery">
571 <h2> CPU Load drawed with drraw.cgi </h2>
572 <div class="image"><img src="CPU__Trend.png" alt="" width="681" height="333" /></div>
573 <div class="caption">
574 Created with drraw from Christophe Kalt (See RRDtool Companions)
575 Changing Colors and using the new Trend Funkion.
576  -- Christoph Baumann &lt;christoph.baumann@<span class="legacy">XYZ-</span>coop.ch&gt;, 2005/5 </div>
577 </div>
578    <!-- Optional -->
579 <div class="gallery">
580 <h2> Fluxoscope Graph </h2>
581 <div class="image"><img src="flux.png" alt="" width="585" height="366" /></div>
582 <div class="caption">  Fluxoscope is a system used by SWITCH for measurements of
583     our external network traffic. One of its products are graphs which
584     represent, for each external connection, the protocol distribution
585     of traffic over time. The example graph shows the traffic
586     distribution on one of our "upstream" or transit ISPs over a
587     period of a few hours. The "positive" part of the graph shows
588     incoming traffic (what we receive from the ISP), the "negative"
589     part corresponds to outgoing traffic (what we send them). -- Simon Leinen &lt;simon@<span class="legacy">XYZ-</span>switch.ch&gt;, 2005/5 </div>
590 </div>
591 <div class="gallery">
592 <h2> spamd connections </h2>
593 <div class="image"><img src="gate.spamd.week.600.png" alt="" width="462" height="293" /></div>
594 <div class="caption">
595 <a href='http://www.openbsd.org/cgi-bin/man.cgi?query=spamd'>OpenBSD's
596 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.
597  -- Christopher Kruslicky &lt;chris-rrdgallery@<span class="legacy">XYZ-</span>kruslicky.net&gt;, 2005/4 </div>
598 </div>
599 <div class="gallery">
600 <h2> UW-HEP Grid Computing Resources Graph </h2>
601 <div class="image"><img src="uw-condor.png" alt="" width="607" height="327" /></div>
602 <div class="caption">
603 This graph shows that the Linux Intel computing resources available
604 for particle physics research at the University of Wisconsin
605 provides 4.7 CPU <b>years</b> of computing power every day. It's a
606 combination of Condor pools managed by High Energy Physics, the
607 Computer Science Department and the Grid Laboratory of Wisconsin.
608  -- 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>
609 </div>
610 <div class="gallery">
611 <h2> UW-HEP Grid CPU Utilization Graph </h2>
612 <div class="image"><img src="uw-condor-use.png" alt="" width="607" height="327" /></div>
613 <div class="caption">
614 This graph shows the utilization of Linux Intel CPUs by particle
615 physics researchers and other members of the Grid Laboratory of
616 Wisconsin.
617  -- 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>
618 </div>
619  <!-- no wider than 600 pixle -->
620  <!-- creation date -->
621 <div class="gallery">
622 <h2> MMS Retrieve</h2>
623 <div class="image"><img src="mmh11_po.png" alt="" width="267" height="321" /></div>
624 <div class="caption"> Simply parse of SNMPget from Vendor OID. The graph display the
625 actual volume of transactions for MMS retrieve for mobile phone and sent to
626 other Operators (OLO). -- Alex Rivoltella &lt;alessio.r-delme-@<span class="legacy">XYZ-</span>tiscalinet.it&gt;, 2006/3 </div>
627 </div>
628  <!-- no wider than 600 pixle -->
629  <!-- creation date -->
630 <div class="gallery">
631 <h2> MMS Errors</h2>
632 <div class="image"><img src="mmh11_er.png" alt="" width="267" height="321" /></div>
633 <div class="caption"> Simply parse of SNMPget from Vendor OID. The graph display the
634 actual send a PAP push to the mobile, possibile errors due to get to HLR and
635 retrieve for mobile. -- Alex Rivoltella &lt;alessio.r-delme-@<span class="legacy">XYZ-</span>tiscalinet.it&gt;, 2006/3 </div>
636 </div>
637 <h2>Add your own graphs to this list</h2>
638 <p>If you have created a graph you like, and you think I would like it too,
639 please send me the image plus an xml file like the example below to be
640 considered for addition to this page. Note that your graph must not be wider
641 than 600 pixels.</p>
642 <pre>
643 &lt;gallery image="graph.png" &gt; &lt;!-- no wider than 600 pixle --&gt;
645       &lt;title&gt; A Title for the Graph &lt;/title&gt;
646      &lt;author&gt; Who created it ? &lt;/author&gt; 
647 &lt;description&gt; max 300 characters of background information. &lt;/description&gt;
648        &lt;year&gt; 2005 &lt;/year&gt;&lt;month&gt; 4 &lt;/month&gt; &lt;!-- creation date --&gt;
649       
650    &lt;!-- Optional --&gt;   
652    &lt;livesite&gt; http://somesite.blabla.plac &lt;/livesite&gt; 
653       &lt;email&gt; max@example.com &lt;/email&gt;
655 &lt;/gallery&gt;</pre>
656 <!-- google_ad_section_end -->
657 </div>
658 </td>
659 </tr>
660 <tr>
661 <td id="leftcornercell"></td>
662 <td id="footcell">
663 <!-- ############################# -->
664 <!-- # FOOTER -->
665 <!-- ############################# -->
666 <div id="address">
667 <small>
668 03/10/11 | <a href="mailto:tobi@..delete..this..removethis.oetiker.ch">Tobias Oetiker</a> | <a href="http://it.oetiker.ch/monitoring/">OETIKER+PARTNER AG</a>
669 </small>
670 </div>
671 </td></tr>
672 </table>
673 <hr class="legacy" />
674 <p class="legacy" style="border-width: 1px; border-color: red; padding: 5px;">
675 <b>NOTE:</b> The content of this website is accessible with any browser. The graphical
676 design though relies completely on CSS2 styles. If you see this text, this means
677 that your browser does not support CSS2. Consider upgrading to a standard conformant
678 browser like Mozilla <a href="http://www.getfirefox.com">Firefox</a> or
679 <a href="http://www.opera.com">Opera</a> but also Apple's <a href="http://www.apple.com/safari/">Safari</a>
680 or KDE's <a href="http://www.konqueror.org">Konqueror</a> for example.
681 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
682 res are missing, then the mirror may not have picked up the contents of the <a href="../inc/">inc</a> directory.
683 </p>
684 <script type="text/javascript">
685 var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
686 document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
687 </script>
688 <script type="text/javascript">
689 var pageTracker = _gat._getTracker("UA-374525-1");
690 pageTracker._initData();
691 pageTracker._trackPageview();
692 </script>
693 </body>
694 </html>