Code

b030bc7fc599899618290e5007a05ac59e948f45
[rrdtool-all.git] / website / gallery / index.en.html
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
2     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
3 <html lang="en" xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
4 <head>
5 <meta name="generator" content="HTML Tidy for Linux (vers 1 September 2005), see www.w3.org" />
6 <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
7 <link rel="icon" href="../inc/favicon.ico" type="image/ico" />
8 <title>RRDtool - RRDtool Gallery</title>
9 <!--[if lt IE 7]><script src="../inc/IE7/ie7-standard-p.js" type="text/javascript"></script><![endif]-->
11 <style type="text/css">
12 <!--/* <![CDATA[ */
13 /* ie5 for mac thinks this comment does not end here because of the backslash \*/
14 @import url('../inc/design.css');
15 /* ]]> */-->
16 </style>
17 </head>
18 <body>
19 <table id="frame" summary="">
20 <tr>
21 <td valign="top" id="menucell"><!-- ############################# -->
22 <!-- # MENU -->
23 <!-- ############################# -->
24 <div id="menu">
25 <h2 class="legacy">Menu</h2>
26 <ul>
27 <li>
28 <div><a href="../index.en.html">Welcome</a></div>
29 </li>
30 <li>
31 <div><a href="../download.en.html">Download</a></div>
32 </li>
33 <li>
34 <div><a href="../doc/index.en.html">Documentation</a></div>
35 </li>
36 <li>
37 <div><a href="../tut/index.en.html">Tutorials</a></div>
38 </li>
39 <li>
40 <div><a href="../prog/index.en.html">Programming</a></div>
41 </li>
42 <li>
43 <div><a href="http://oss.oetiker.ch/rrdtool-trac/">Bugs, Wiki</a></div>
44 </li>
45 <li>
46 <div><a href="../support.en.html">Support</a></div>
47 </li>
48 <li>
49 <div class="selected">Gallery</div>
50 </li>
51 <li>
52 <div><a href="../rrdworld/index.en.html">Projects using RRDtool</a></div>
53 </li>
54 <li>
55 <div><a href="../sponsor.en.html">Sponsoring RRDtool</a></div>
56 </li>
57 <li>
58 <div><a href="../license.en.html">License</a></div>
59 </li>
60 <li>
61 <div><a href="../cast.en.html">Cast</a></div>
62 </li>
63 </ul>
64 <br />
65 <!-- SiteSearch Google -->
66 <form method="get" action="http://oss.oetiker.ch/rrdtool/search.en.html" target="_top">
67 <table border="0" summary="">
68 <tr>
69 <td nowrap="nowrap" valign="top" align="left" height="32"><input type="hidden" name="domains" value="oss.oetiker.ch" /> <label for="sbi" style="display: none">Enter your search terms</label> <input type="text" name="q" style="width: 180px" maxlength="255" value="" id="sbi" /></td>
70 </tr>
71 <tr>
72 <td nowrap="nowrap">
73 <table summary="">
74 <tr>
75 <td><input type="radio" name="sitesearch" value="" id="ss0" /> <label for="ss0" title="Search the Web"><font size="-1" color="#000000">Web</font></label></td>
76 <td><input type="radio" name="sitesearch" value="oss.oetiker.ch" checked="checked" id="ss1" /> <label for="ss1" title="Search oss.oetiker.ch"><font size="-1" color="#000000">oss.oetiker.ch</font></label></td>
77 </tr>
78 </table>
79 <label for="sbb" style="display: none">Submit search form</label> <input type="submit" name="sa" value="Google Search" id="sbb" /> <input type="hidden" name="client" value="pub-8135238818549668" /> <input type="hidden" name="forid" value="1" /> <input type="hidden" name="channel" value="6449489261" /> <input type="hidden" name="ie" value="ISO-8859-1" /> <input type="hidden" name="oe" value="ISO-8859-1" /> <input type="hidden" name="safe" value="active" /> <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 type="hidden" name="hl" value="en" /></td>
80 </tr>
81 </table>
82 </form>
83 <!-- SiteSearch Google -->
84 <br />
85 <br />
86 <p><b>Gold Sponsors</b></p>
87 <p><a href="http://www.groundworkopensource.com/products/components/rrdtool.html"><img title="GroundWork Open Source" border="0" alt="GroundWork Open Source Logo" src="../logos/gw200x100.gif" width="200" height="100" /></a></p>
88 <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>
89 <p><a href="../sponsor.en.html">Silver Sponsors ...</a></p>
90 <br />
91 <br />
92 <div><a href="http://tobi.oetiker.ch/wish/"><img border="0" alt="Make Tobi Happy" src="../inc/happy-tobi.png" width="45" height="27" /></a></div>
93 <br />
94 <br />
95 <div><iframe width="120" height="50" name="bandwidth" frameborder="0" src="../hoster.html" id="bandwidth"></iframe></div>
96 <br />
97 <br /></div>
98 </td>
99 <!-- ############################# -->
100 <!-- # Logo and Body -->
101 <!-- ############################# -->
102 <td id="bodycell">
103 <div id="mirrors"><a href="http://oss.oetiker.ch/rrdtool/gallery/index.en.html">Swiss Original</a>.&nbsp;Mirrors: <a href="http://rrdtool.mirror.graemef.net/gallery/index.en.html">UK</a><!--Graeme Fowler <graeme@graemef.net>-->
104 <a href="http://rrdtool.cs.pu.edu.tw/gallery/index.en.html">TW</a><!--Hsun-Chang Chang <hsunchang@gmail.com>-->
105 <a href="http://ftp.heanet.ie/mirrors/oss.oetiker.ch/rrdtool/gallery/index.en.html">IE</a><!-- <mirrors@heanet.ie>-->
106 <a href="http://rrdtool.codemonkey.se/gallery/index.en.html">SE</a><!--Hans Engren <hans@cyclone.se>-->
107 <a href="http://rrdtool.basemirror.de/gallery/index.en.html">DE</a><!--Baseportal Mirrors <mirrors@baseportal.de>-->
108 <a href="http://rrdtool.mirroraty.org/gallery/index.en.html">US</a><!--Hossam Hossny <hossam@trexle.com>-->
109 <a href="http://rrdtool.paracoda.com/gallery/index.en.html">CA</a><!--Hossam Hossny <admin@paracoda.com>--></div>
110 <div id="logo">
111 <div class="legacy">RRDtool
112 <hr /></div>
113 </div>
114 <!-- ############################# -->
115 <!-- # BODY -->
116 <!-- ############################# -->
117 <div id="body"><!-- google_ad_section_start -->
118 <h1>RRDtool Gallery</h1>
119 <div id="googlead_right"><script type="text/javascript">
120 //<![CDATA[
121 <!--
122 google_ad_client = "pub-8135238818549668";
123 /* rrdtool top right */
124 google_ad_slot = "4985488960";
125 google_ad_width = 300;
126 google_ad_height = 250;
127 //-->
128 //]]>
129 </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
130 </script></div>
131 <!-- no wider than 600 pixle -->
132 <!-- creation date -->
133 <div class="gallery">
134 <h2>MMS Inbound</h2>
135 <div class="image"><img src="mmh11_pi.png" alt="" width="267" height="321" /></div>
136 <div class="caption">Simply parse of SNMPget from Vendor OID. The graph display the actual volume of transactions for MMS submitions, from 3 differents devices, such as, Phone, VAS and MM4 (others operator). -- Alex Rivoltella &lt;alessio.r-delme-@<span class="legacy">XYZ-</span>tiscalinet.it&gt;, 2006/3</div>
137 </div>
138 <!-- no wider than 600 pixle -->
139 <!-- creation date -->
140 <div class="gallery">
141 <h2>MMS Retrieve</h2>
142 <div class="image"><img src="mmh11_po.png" alt="" width="267" height="321" /></div>
143 <div class="caption">Simply parse of SNMPget from Vendor OID. The graph display the actual volume of transactions for MMS retrieve for mobile phone and sent to other Operators (OLO). -- Alex Rivoltella &lt;alessio.r-delme-@<span class="legacy">XYZ-</span>tiscalinet.it&gt;, 2006/3</div>
144 </div>
145 <!-- no wider than 600 pixle -->
146 <!-- creation date -->
147 <div class="gallery">
148 <h2>MMS Errors</h2>
149 <div class="image"><img src="mmh11_er.png" alt="" width="267" height="321" /></div>
150 <div class="caption">Simply parse of SNMPget from Vendor OID. The graph display the actual send a PAP push to the mobile, possibile errors due to get to HLR and retrieve for mobile. -- Alex Rivoltella &lt;alessio.r-delme-@<span class="legacy">XYZ-</span>tiscalinet.it&gt;, 2006/3</div>
151 </div>
152 <!-- no wider than 600 pixle -->
153 <!-- creation date -->
154 <!-- Optional -->
155 <div class="gallery">
156 <h2>Traffic jam statistics Netherlands</h2>
157 <div class="image"><img src="filegroei.png" alt="" width="581" height="311" /></div>
158 <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>
159 </div>
160 <div class="gallery">
161 <h2>SIP Messages Last Week</h2>
162 <div class="image"><img src="sip_messages_week.png" alt="" width="697" height="503" /></div>
163 <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>
164 </div>
165 <!-- no wider than 600 pixle -->
166 <!-- creation date -->
167 <!-- Optional -->
168 <div class="gallery">
169 <p><script type="text/javascript">
170 //<![CDATA[
171 <!--
172 google_ad_client = "pub-8135238818549668";
173 google_ad_width = 300;
174 google_ad_height = 250;
175 google_ad_format = "300x250_as";
176 google_ad_type = "text_image";
177 google_ad_channel ="9159032853";
178 google_color_border = "ffffff";
179 google_color_bg = "f0f8FF";
180 google_color_link = "191919";
181 google_color_url = "0066CC";
182 google_color_text = "000000";
183 //-->
184 //]]>
185 </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
186 </script></p>
187 <h2>Cubemon</h2>
188 <div class="image"><img src="cubemon.png" alt="" width="594" height="410" /></div>
189 <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>
190 </div>
191 <!-- no wider than 600
192 pixle -->
193 <!-- creation date -->
194 <!-- Optional -->
195 <div class="gallery">
196 <h2>Sinus-Regression of Server-Traffic</h2>
197 <div class="image"><img src="sintraf.png" alt="" width="597" height="227" /></div>
198 <div class="caption">This graph shows the traffic of a networkinterface(dark-green). In red is displayed the optimal sinus-curve thru the points of one week. Light-green is the "can-be-range" of the traffic that was not alarmed. Yellow is the "warning-range" of the curve and every other points cause an CRITICAL-Warning in our minitoring. So we bring the statistics-calculations into the monitoring. That will show us abnormaly 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>
199 </div>
200 <!-- no wider than 600 pixle -->
201 <!-- creation date -->
202 <!-- Optional -->
203 <div class="gallery">
204 <h2>Energy Mix</h2>
205 <div class="image"><img src="energy_graph.png" alt="" width="581" height="303" /></div>
206 <div class="caption">This graph shows indoor and outdoor temperature, heating temperatures, brightness, natural gas and electric power consumption. Values come from MessPC 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>
207 </div>
208 <!-- no wider than 600 pixle -->
209 <!-- creation date -->
210 <!-- Optional -->
211 <div class="gallery">
212 <h2>Network Appliance IOPs by protocol</h2>
213 <div class="image"><img src="netapp-iops.png" alt="" width="600" height="321" /></div>
214 <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>
215 </div>
216 <div class="gallery">
217 <h2>PC temperatures and fan speeds</h2>
218 <div class="image"><img src="temp6.png" alt="" width="647" height="417" /></div>
219 <div class="caption">An aggregate of all the temperatures and fans in my personal desktop computer. The spike is me watching a HD movie trailer. The grey area is a reboot. -- Ciprian Popovici , 2007/10</div>
220 </div>
221 <div class="gallery">
222 <h2>Filesystem Utilization and Predicted Trends</h2>
223 <div class="image"><img src="fsu_predict.png" alt="" width="597" height="350" /></div>
224 <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>
225 </div>
226 <div class="gallery">
227 <h2>Streaming Auditor mesure</h2>
228 <div class="image"><img src="stream-pop.png" alt="" width="597" height="193" /></div>
229 <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>
230 </div>
231 <div class="gallery">
232 <h2>Thermostat with Indoor / Outdoor Temperature</h2>
233 <div class="image"><img src="n20e-daily.png" alt="" width="597" height="279" /></div>
234 <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 was on while blue denotes times when the air-conditioning was on. This graph also simulates translucent intersecting areas where the internal and external temperatures can swap places without becoming unreadable. -- Anders Brownworth , 2007/5 <a href="http://www.anders.com/projects/thermostat-graph/">[demo]</a></div>
235 </div>
236 <!-- no wider than 600 pixle -->
237 <!-- creation date -->
238 <div class="gallery">
239 <h2>Voltage control on APC Smart-UPS 2200 (Last Month)</h2>
240 <div class="image"><img src="ups_voltage_mounth.png" alt="" /></div>
241 <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>
242 </div>
243 <!-- no wider than 600 pixle -->
244 <!-- creation date -->
245 <!-- Optional -->
246 <div class="gallery">
247 <h2>Temperature</h2>
248 <div class="image"><img src="temp-poprs..png" alt="" /></div>
249 <div class="caption">This graph shows the temperature of a computer room (indoor) and make a parallel with external 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>
250 </div>
251 <!-- no wider than 600 pixle -->
252 <!--
253 creation date -->
254 <!-- Optional -->
255 <div class="gallery">
256 <h2>DOCSIS UPSTREAM UTILIZATION</h2>
257 <div class="image"><img src="docsis_upstream_utilization.png" alt="" width="601" height="233" /></div>
258 <div class="caption">This graph show de upstream utilization of DOCSIS CMTS in the cable modem broadband operator. -- Diego Santos Soares &lt;diegosoares@<span class="legacy">XYZ-</span>yahoo.com.br&gt;, 2006/10</div>
259 </div>
260 <!-- no wider than 600 pixle -->
261 <!-- creation date -->
262 <!-- Optional -->
263 <div class="gallery">
264 <h2>Statistic for network interfaces</h2>
265 <div class="image"><img src="andrey.png" alt="" width="597" height="311" /></div>
266 <div class="caption">This a real (not artificial) data from a production machine. Isn't it amazing? Probably not the ideal sampling interval. -- Andrey Afanasiev &lt;afanasiev-av@<span class="legacy">XYZ-</span>mcc.elektra.ru&gt;, 2006/11 <a href="none">[demo]</a></div>
267 </div>
268 <!-- Optional -->
269 <div class="gallery">
270 <h2>Merry Christmas</h2>
271 <div class="image"><img src="rrdtool-xmas.png" alt="" width="600" height="254" /></div>
272 <div class="caption">Over a year ago I discoverd RRDtool. I had lots of fun creating all sorts of new graphs since then. So why not use RRDtool for my christmas cards too. A formula for the trees was simple. Father Christmas was more of a challenge though. -- Peter J. Linden &lt;linden@<span class="legacy">XYZ-</span>linden-itc.de&gt;, 2005/12</div>
273 </div>
274 <div class="gallery">
275 <h2>Server room temperature monitoring</h2>
276 <div class="image"><img src="termonit.png" alt="" width="600" height="326" /></div>
277 <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>
278 </div>
279 <div class="gallery">
280 <h2>Temperature, humidity and pressure plots</h2>
281 <div class="image"><img src="meteo-igf.png" alt="" width="597" height="243" /></div>
282 <div class="caption">We use rrdtool to plot some basic meteorological parameters. Data is coming from our institute's (http://www.igf.fuw.edu.pl/zfa/en/) meteo-station which was build from scratch by students. Rrdtool fetch command is also used for creation of datafiles available on the website. -- 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>
283 </div>
284 <div class="gallery">
285 <h2>Load and CPU usage</h2>
286 <div class="image"><img src="load.png" alt="" width="571" height="421" /></div>
287 <div class="caption">Graphs the load averages on the system and the fractions of CPU 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>
288 </div>
289 <!-- no wider than 600 pixle -->
290 <!-- creation date -->
291 <!-- Optional -->
292 <div class="gallery">
293 <h2>Interconnect Utilization in Erlangs (Minutes per Minute)</h2>
294 <div class="image"><img src="btdmd8.png" alt="" width="697" height="427" /></div>
295 <div class="caption">Graph shows inbound and outbound call traffic going in and out of the switch via the 6 trunks connected to the Diamond exchange. Inbound traffic shown as positive and uses a lowest-free fill method. Outbound traffic shown as negative uses a distributed fill method. <a href="/rrdtool-trac/wiki/OutlinedAreaGraph">Tech details on RRDtrac</a>. -- Ben Golden &lt;bengolden@<span class="legacy">XYZ-</span>.removethis.blueyonder.co.uk&gt;, 2006/3</div>
296 </div>
297 <div class="gallery">
298 <h2>The Matrix</h2>
299 <div class="image"><img src="576_nodes.png" alt="" width="600" height="440" /></div>
300 <div class="caption">This is a part of our cluster of about 2000 CPUs. All nodes are being monitored in real-time for major system information every 15 seconds. Data collection and consolidation is done on one central server. -- Fabien Wernli , 2006/1</div>
301 </div>
302 <!-- creation date -->
303 <!-- Optional -->
304 <div class="gallery">
305 <h2>Windvaan de drie delfzijlen</h2>
306 <div class="image"><img src="windvaan.png" alt="" width="541" height="324" /></div>
307 <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>
308 </div>
309 <!-- no wider than 600 pixle -->
310 <!-- creation date -->
311 <div class="gallery">
312 <h2>RRDstats QOS classes usage</h2>
313 <div class="image"><img src="rrdstats.png" alt="" width="595" height="370" /></div>
314 <div class="caption">RRDStats is Coyote Linux &amp; BrazilFW floppy router package. Graphical statistics for bandwidth usage, link quality and defined QOS 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>
315 </div>
316 <!-- creation date -->
317 <div class="gallery">
318 <h2>Gamer count on 1stgame.nl</h2>
319 <div class="image"><img src="all_gamers_36h.png" alt="" width="593" height="385" /></div>
320 <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>
321 </div>
322 <!-- no wider than 600 pixle -->
323 <!-- creation date -->
324 <!-- Optional -->
325 <div class="gallery">
326 <h2>SMPP Router Statistics</h2>
327 <div class="image"><img src="smpp.png" alt="" width="664" height="169" /></div>
328 <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>
329 </div>
330 <div class="gallery">
331 <h2>Traffic in Kibibytes - cable modem.</h2>
332 <div class="image"><img src="ryan.png" alt="" width="697" height="229" /></div>
333 <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>
334 </div>
335 <!-- no wider than 600 pixle -->
336 <!-- creation date -->
337 <!-- Optional -->
338 <div class="gallery">
339 <h2>Weather monitoring</h2>
340 <div class="image"><img src="zug.png" alt="" width="447" height="229" /></div>
341 <div class="caption">This graph shows the atmospheric pressure measured at our school's weather station. We use this data and graphs to 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>
342 </div>
343 <!-- creation date -->
344 <!-- Optional -->
345 <!-- mpot@martybugs.net -->
346 <div class="gallery">
347 <h2>WAN Link Monitoring</h2>
348 <div class="image"><img src="pmacct-3hour.png" alt="" width="600" height="606" /></div>
349 <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. <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. Get in <a href="http://martybugs.net/contact.cgi">touch</a> with me if you have any questions. -- Martin Pot , 2004/1</div>
350 </div>
351 <!-- no wider than 600 pixle -->
352 <!-- creation date -->
353 <!-- Optional -->
354 <div class="gallery">
355 <h2>Solar System's Data</h2>
356 <div class="image"><img src="solar.png" alt="" width="472" height="243" /></div>
357 <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/solar/today.png">[demo]</a></div>
358 </div>
359 <!-- no wider than 600 pixle -->
360 <!-- creation date -->
361 <!-- Optional -->
362 <div class="gallery">
363 <h2>Statistic for antispam server</h2>
364 <div class="image"><img src="mailstat-daily.png" alt="" width="597" height="499" /></div>
365 <div class="caption">Unlike most other report, data in this report are collected every hour (3600 sec). This graph shows how the effectiveness of using <a href="http://www.postfix.org/uce.html">postfix UCE control</a>, <a href="http://sqlgrey.sourceforge.net">greylisting</a> and <a href="http://spamassassin.apache.org">spamassassin</a> to reduce spam. -- Bambang Budiharto &lt;budhi@<span class="legacy">XYZ-</span>i6x.org&gt;, 2005/6</div>
366 </div>
367 <div class="gallery">
368 <h2>ACAD Network - kuzniki.net - traffic graphing</h2>
369 <div class="image"><img src="panel_user.png" alt="" width="617" height="335" /></div>
370 <div class="caption">This graph shows amount of total and peer2peer traffic generated by user. Online, offline decision is based on information if the computer was sending any data. (Legend translation: 'bajtow na sek DO' - eng. incoming Bps, 'bajtow na sek Z' - eng. outgoing Bps, 'razem' - eng. total, 'wylaczony' - eng. offline, 'wlaczony' - eng. online) -- Gabriel Borkowski , 2005/6</div>
371 </div>
372 <!-- Optional -->
373 <div class="gallery">
374 <h2>Mailgraph and Greylisting</h2>
375 <div class="image"><img src="mailgraph_gallery.png" alt="" width="623" height="387" /></div>
376 <div class="caption">This graphs show the effect that the <a href="http://isg.ee.ethz.ch/tools/postgrey">greylisting</a> technique had on our mail traffic. Notice the drop of spam and viruses in the middle of the graph (June 2004) and the corresponding increase in the rejected mails. -- David Schweikert &lt;dws@<span class="legacy">XYZ-</span>ee.ethz.ch&gt;, 2005/6</div>
377 </div>
378 <!-- no wider than 600 pixle -->
379 <!-- creation date -->
380 <!-- Optional -->
381 <div class="gallery">
382 <h2>Ram Usage on Linux Machine</h2>
383 <div class="image"><img src="ramUsage.png" alt="" width="600" height="398" /></div>
384 <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>
385 </div>
386 <!-- no wider than 600 pixle -->
387 <!-- creation date -->
388 <div class="gallery">
389 <h2>CPU Load drawed with drraw.cgi</h2>
390 <div class="image"><img src="CPU__Trend.png" alt="" width="681" height="333" /></div>
391 <div class="caption">Created with drraw from Christophe Kalt (See RRDtool Companions) Changing Colors and using the new Trend Funkion. -- Christoph Baumann &lt;christoph.baumann@<span class="legacy">XYZ-</span>coop.ch&gt;, 2005/5</div>
392 </div>
393 <!-- Optional -->
394 <div class="gallery">
395 <h2>Fluxoscope Graph</h2>
396 <div class="image"><img src="flux.png" alt="" width="585" height="366" /></div>
397 <div class="caption">Fluxoscope is a system used by SWITCH for measurements of our external network traffic. One of its products are graphs which represent, for each external connection, the protocol distribution of traffic over time. The example graph shows the traffic distribution on one of our "upstream" or transit ISPs over a period of a few hours. The "positive" part of the graph shows incoming traffic (what we receive from the ISP), the "negative" part corresponds to outgoing traffic (what we send them). -- Simon Leinen &lt;simon@<span class="legacy">XYZ-</span>switch.ch&gt;, 2005/5</div>
398 </div>
399 <div class="gallery">
400 <h2>spamd connections</h2>
401 <div class="image"><img src="gate.spamd.week.600.png" alt="" width="462" height="293" /></div>
402 <div class="caption"><a href='http://www.openbsd.org/cgi-bin/man.cgi?query=spamd'>OpenBSD's 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. -- Christopher Kruslicky &lt;chris-rrdgallery@<span class="legacy">XYZ-</span>kruslicky.net&gt;, 2005/4</div>
403 </div>
404 <div class="gallery">
405 <h2>UW-HEP Grid Computing Resources Graph</h2>
406 <div class="image"><img src="uw-condor.png" alt="" width="607" height="327" /></div>
407 <div class="caption">This graph shows that the Linux Intel computing resources available for particle physics research at the University of Wisconsin provides 4.7 CPU <b>years</b> of computing power every day. It's a combination of Condor pools managed by High Energy Physics, the Computer Science Department and the Grid Laboratory of Wisconsin. -- 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>
408 </div>
409 <div class="gallery">
410 <h2>UW-HEP Grid CPU Utilization Graph</h2>
411 <div class="image"><img src="uw-condor-use.png" alt="" width="607" height="327" /></div>
412 <div class="caption">This graph shows the utilization of Linux Intel CPUs by particle physics researchers and other members of the Grid Laboratory of Wisconsin. -- 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>
413 </div>
414 <h2>Add your own graphs to this list</h2>
415 <p>If you have created a graph you like, and you think I would like it too, please send me the image plus an xml file like the example below to be considered for addition to this page. Note that your graph must not be wider than 600 pixels.</p>
416 <pre>
417 &lt;gallery image="graph.png" &gt; &lt;!-- no wider than 600 pixle --&gt;
419       &lt;title&gt; A Title for the Graph &lt;/title&gt;
420      &lt;author&gt; Who created it ? &lt;/author&gt; 
421 &lt;description&gt; max 300 characters of background information. &lt;/description&gt;
422        &lt;year&gt; 2005 &lt;/year&gt;&lt;month&gt; 4 &lt;/month&gt; &lt;!-- creation date --&gt;
423       
424    &lt;!-- Optional --&gt;   
426    &lt;livesite&gt; http://somesite.blabla.plac &lt;/livesite&gt; 
427       &lt;email&gt; max@example.com &lt;/email&gt;
429 &lt;/gallery&gt;
430 </pre>
431 <!-- google_ad_section_end --></div>
432 </td>
433 </tr>
434 <tr>
435 <td id="leftcornercell"></td>
436 <td id="footcell"><!-- ############################# -->
437 <!-- # FOOTER -->
438 <!-- ############################# -->
439 <div id="address"><small>05/27/08 | <a href="mailto:tobi@..delete..this..removethis.oetiker.ch">Tobias Oetiker</a> | <a href="http://it.oetiker.ch/monitoring/">OETIKER+PARTNER AG</a></small></div>
440 </td>
441 </tr>
442 </table>
443 <hr class="legacy" />
444 <p class="legacy" style="border-width: 1px; border-color: red; padding: 5px;"><b>NOTE:</b> The content of this website is accessible with any browser. The graphical design though relies completely on CSS2 styles. If you see this text, this means that your browser does not support CSS2. Consider upgrading to a standard conformant browser like Mozilla <a href="http://www.getfirefox.com">Firefox</a> or <a href="http://www.opera.com">Opera</a> but also Apple's <a href="http://www.apple.com/safari/">Safari</a> or KDE's <a href="http://www.konqueror.org">Konqueror</a> for example. 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 res are missing, then the mirror may not have picked up the contents of the <a href="../inc/">inc</a> directory.</p>
445 <script type="text/javascript">
446 //<![CDATA[
447 var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
448 document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
449 //]]>
450 </script><script type="text/javascript">
451 //<![CDATA[
452 var pageTracker = _gat._getTracker("UA-374525-1");
453 pageTracker._initData();
454 pageTracker._trackPageview();
455 //]]>
456 </script>
457 </body>
458 </html>