<!DOCTYPE html
	PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
	 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en-US" xml:lang="en-US">
<head>
<title>VMStat</title>
<style type="text/css">
	
	<!--/* <![CDATA[ */
	body { margin: 0; padding: 0 }
	td,th,span.host { background: #EEE }
	
	
	/* ]]> */-->
</style>

<script type="text/javascript">//<![CDATA[
function UptimeData(str) {
    var data = str.split(' ');
    this.r = parseFloat(data[0]);
    this.b = parseFloat(data[1]);
    this.swpd = parseFloat(data[2]);
    this.free = parseFloat(data[3]);
    this.buff = parseFloat(data[4]);
    this.cach = parseFloat(data[5]);
    this.si = parseFloat(data[6]);
    this.so = parseFloat(data[7]);
    this.bi = parseFloat(data[8]);
    this.bo = parseFloat(data[9]);
    this.int = parseFloat(data[10]);
    this.cs = parseFloat(data[11]);
    this.us = parseFloat(data[12]);
    this.sy = parseFloat(data[13]);
    this.idl = parseFloat(data[14]);
    this.wa = parseFloat(data[15]);
    if (datacount++ == 0) {
        min_r = this.r;
        min_b = this.b;
        min_swpd = this.swpd;
        min_free = this.free;
        min_buff = this.buff;
        min_cach = this.cach;
        min_si = this.si;
        min_so = this.so;
        min_bi = this.bi;
        min_bo = this.bo;
        min_int = this.int;
        min_cs = this.cs;
        min_us = this.us;
        min_sy = this.sy;
        min_idl = this.idl;
        min_wa = this.wa;    };
    if (this.r > max_r) max_r = this.r;
    if (min_r > this.r) min_r = this.r;
    moy_r += this.r;
    if (this.b > max_b) max_b = this.b;
    if (min_b > this.b) min_b = this.b;
    moy_b += this.b;
    if (this.swpd > max_swpd) max_swpd = this.swpd;
    if (min_swpd > this.swpd) min_swpd = this.swpd;
    moy_swpd += this.swpd;
    if (this.free > max_free) max_free = this.free;
    if (min_free > this.free) min_free = this.free;
    moy_free += this.free;
    if (this.buff > max_buff) max_buff = this.buff;
    if (min_buff > this.buff) min_buff = this.buff;
    moy_buff += this.buff;
    if (this.cach > max_cach) max_cach = this.cach;
    if (min_cach > this.cach) min_cach = this.cach;
    moy_cach += this.cach;
    if (this.si > max_si) max_si = this.si;
    if (min_si > this.si) min_si = this.si;
    moy_si += this.si;
    if (this.so > max_so) max_so = this.so;
    if (min_so > this.so) min_so = this.so;
    moy_so += this.so;
    if (this.bi > max_bi) max_bi = this.bi;
    if (min_bi > this.bi) min_bi = this.bi;
    moy_bi += this.bi;
    if (this.bo > max_bo) max_bo = this.bo;
    if (min_bo > this.bo) min_bo = this.bo;
    moy_bo += this.bo;
    if (this.int > max_int) max_int = this.int;
    if (min_int > this.int) min_int = this.int;
    moy_int += this.int;
    if (this.cs > max_cs) max_cs = this.cs;
    if (min_cs > this.cs) min_cs = this.cs;
    moy_cs += this.cs;
    if (this.us > max_us) max_us = this.us;
    if (min_us > this.us) min_us = this.us;
    moy_us += this.us;
    if (this.sy > max_sy) max_sy = this.sy;
    if (min_sy > this.sy) min_sy = this.sy;
    moy_sy += this.sy;
    if (this.idl > max_idl) max_idl = this.idl;
    if (min_idl > this.idl) min_idl = this.idl;
    moy_idl += this.idl;
    if (this.wa > max_wa) max_wa = this.wa;
    if (min_wa > this.wa) min_wa = this.wa;
    moy_wa += this.wa;
}
function UptimeDisplay() {
    this.width = 300;
    this.height = 25;
    this.table = new Array();
    this.txt_sfre = document.getElementById('txt-sfre')
    this.txt_stot = document.getElementById('txt-stot')
    this.txt_suse = document.getElementById('txt-suse')
    this.txt_sy_mc = document.getElementById('txt-sy-mc')
    this.txt_sy_mi = document.getElementById('txt-sy-mi')
    this.txt_total = document.getElementById('txt-total')
    this.txt_use = document.getElementById('txt-use')
    this.txt_count = document.getElementById('txt-count')
    this.txt_r = document.getElementById('txt-r')
    this.txt_mr = document.getElementById('txt-mr')
    this.txt_b = document.getElementById('txt-b')
    this.txt_mb = document.getElementById('txt-mb')
    this.txt_swpd = document.getElementById('txt-swpd')
    this.txt_mswpd = document.getElementById('txt-mswpd')
    this.txt_free = document.getElementById('txt-free')
    this.txt_mfree = document.getElementById('txt-mfree')
    this.txt_buff = document.getElementById('txt-buff')
    this.txt_mbuff = document.getElementById('txt-mbuff')
    this.txt_cach = document.getElementById('txt-cach')
    this.txt_mcach = document.getElementById('txt-mcach')
    this.txt_si = document.getElementById('txt-si')
    this.txt_msi = document.getElementById('txt-msi')
    this.txt_so = document.getElementById('txt-so')
    this.txt_mso = document.getElementById('txt-mso')
    this.txt_bi = document.getElementById('txt-bi')
    this.txt_mbi = document.getElementById('txt-mbi')
    this.txt_bo = document.getElementById('txt-bo')
    this.txt_mbo = document.getElementById('txt-mbo')
    this.txt_int = document.getElementById('txt-int')
    this.txt_mint = document.getElementById('txt-mint')
    this.txt_cs = document.getElementById('txt-cs')
    this.txt_mcs = document.getElementById('txt-mcs')
    this.txt_us = document.getElementById('txt-us')
    this.txt_mus = document.getElementById('txt-mus')
    this.txt_sy = document.getElementById('txt-sy')
    this.txt_msy = document.getElementById('txt-msy')
    this.txt_idl = document.getElementById('txt-idl')
    this.txt_midl = document.getElementById('txt-midl')
    this.txt_wa = document.getElementById('txt-wa')
    this.txt_mwa = document.getElementById('txt-mwa')
    this.line_disk_o = document.getElementById('line-disk-o')
    this.line_sys_int = document.getElementById('line-sys-int')
    this.line_swap_o = document.getElementById('line-swap-o')
    this.line_cpu_sy = document.getElementById('line-cpu-sy')
    this.line_cpu_wa = document.getElementById('line-cpu-wa')
    this.line_cpu_us = document.getElementById('line-cpu-us')
    this.line_disk_i = document.getElementById('line-disk-i')
    this.line_mem_cach = document.getElementById('line-mem-cach')
    this.line_sys_cs = document.getElementById('line-sys-cs')
    this.line_mem_swpd = document.getElementById('line-mem-swpd')
    this.line_mem_buff = document.getElementById('line-mem-buff')
    this.line_mem_free = document.getElementById('line-mem-free')
    this.line_swap_i = document.getElementById('line-swap-i')
    this.push = function (uptime) {
        this.table.push(uptime);
        if (this.table.length > this.width) {
            this.table.shift();
        }
    }
    this.draw_text = function() {
        var last_time = this.table[this.table.length - 1];
        this.txt_r.innerHTML=last_time.r;
        this.txt_mr.innerHTML=" [ "+min_r+" | "+(moy_r/datacount).toFixed(2)+" | "+max_r+" ] ";
        this.txt_b.innerHTML=last_time.b;
        this.txt_mb.innerHTML=" [ "+min_b+" | "+(moy_b/datacount).toFixed(2)+" | "+max_b+" ] ";
        this.txt_swpd.innerHTML=last_time.swpd;
        this.txt_mswpd.innerHTML=" [ "+min_swpd+" | "+(moy_swpd/datacount).toFixed(2)+" | "+max_swpd+" ] ";
        this.txt_free.innerHTML=last_time.free;
        this.txt_mfree.innerHTML=" [ "+min_free+" | "+(moy_free/datacount).toFixed(2)+" | "+max_free+" ] ";
        this.txt_buff.innerHTML=last_time.buff;
        this.txt_mbuff.innerHTML=" [ "+min_buff+" | "+(moy_buff/datacount).toFixed(2)+" | "+max_buff+" ] ";
        this.txt_cach.innerHTML=last_time.cach;
        this.txt_mcach.innerHTML=" [ "+min_cach+" | "+(moy_cach/datacount).toFixed(2)+" | "+max_cach+" ] ";
        this.txt_si.innerHTML=last_time.si;
        this.txt_msi.innerHTML=" [ "+min_si+" | "+(moy_si/datacount).toFixed(2)+" | "+max_si+" ] ";
        this.txt_so.innerHTML=last_time.so;
        this.txt_mso.innerHTML=" [ "+min_so+" | "+(moy_so/datacount).toFixed(2)+" | "+max_so+" ] ";
        this.txt_bi.innerHTML=last_time.bi;
        this.txt_mbi.innerHTML=" [ "+min_bi+" | "+(moy_bi/datacount).toFixed(2)+" | "+max_bi+" ] ";
        this.txt_bo.innerHTML=last_time.bo;
        this.txt_mbo.innerHTML=" [ "+min_bo+" | "+(moy_bo/datacount).toFixed(2)+" | "+max_bo+" ] ";
        this.txt_int.innerHTML=last_time.int;
        this.txt_mint.innerHTML=" [ "+min_int+" | "+(moy_int/datacount).toFixed(2)+" | "+max_int+" ] ";
        this.txt_cs.innerHTML=last_time.cs;
        this.txt_mcs.innerHTML=" [ "+min_cs+" | "+(moy_cs/datacount).toFixed(2)+" | "+max_cs+" ] ";
        this.txt_us.innerHTML=last_time.us;
        this.txt_mus.innerHTML=" [ "+min_us+" | "+(moy_us/datacount).toFixed(2)+" | "+max_us+" ] ";
        this.txt_sy.innerHTML=last_time.sy;
        this.txt_msy.innerHTML=" [ "+min_sy+" | "+(moy_sy/datacount).toFixed(2)+" | "+max_sy+" ] ";
        this.txt_idl.innerHTML=last_time.idl;
        this.txt_midl.innerHTML=" [ "+min_idl+" | "+(moy_idl/datacount).toFixed(2)+" | "+max_idl+" ] ";
        this.txt_wa.innerHTML=last_time.wa;
        this.txt_mwa.innerHTML=" [ "+min_wa+" | "+(moy_wa/datacount).toFixed(2)+" | "+max_wa+" ] ";
        this.txt_use.innerHTML=Math.abs(100-last_time.free*100/memtot).toFixed(2)+"%";
        this.txt_sfre.innerHTML=(swaptot-last_time.swpd)+" Kb";
        this.txt_suse.innerHTML=Math.abs(last_time.swpd*100/swaptot).toFixed(2)+"%";
        this.txt_count.innerHTML=datacount+" -&gt; "+Date(startdate + 1000*datacount);
    }
    this.draw_graph = function() {
        var point_disk_o = '0,' + this.height;
        var point_sys_int = '0,' + this.height;
        var point_swap_o = '0,' + this.height;
        var point_cpu_sy = '0,' + this.height;
        var point_cpu_wa = '0,' + this.height;
        var point_cpu_us = '0,' + this.height;
        var point_disk_i = '0,' + this.height;
        var point_mem_cach = '0,' + this.height;
        var point_sys_cs = '0,' + this.height;
        var point_mem_swpd = '0,' + this.height;
        var point_mem_buff = '0,' + this.height;
        var point_mem_free = '0,' + this.height;
        var point_swap_i = '0,' + this.height;
        for (var i = 0; this.table.length  > i ; ++i) {
            var pnt = this.height - this.table[i].swpd / swaptot * this.height;
            point_mem_swpd += ' ' + i + ',' + pnt + ' ' + (i+1) + ',' + pnt;
            var pnt = this.height - ( this.table[i].free + this.table[i].buff + this.table[i].cach ) / memtot * this.height;
            point_mem_free += ' ' + i + ',' + pnt + ' ' + (i+1) + ',' + pnt;
            var pnt = this.height - ( this.table[i].buff + this.table[i].cach ) / memtot * this.height;
            point_mem_buff += ' ' + i + ',' + pnt + ' ' + (i+1) + ',' + pnt;
            var pnt = this.height - this.table[i].cach / memtot * this.height;
            point_mem_cach += ' ' + i + ',' + pnt + ' ' + (i+1) + ',' + pnt;
            var pnt = this.height - ( this.table[i].sy + this.table[i].us + this.table[i].wa ) / 100 * this.height;
            point_cpu_wa += ' ' + i + ',' + pnt + ' ' + (i+1) + ',' + pnt;
            var pnt = this.height - ( this.table[i].sy + this.table[i].us ) / 100 * this.height;
            point_cpu_us += ' ' + i + ',' + pnt + ' ' + (i+1) + ',' + pnt;
            var pnt = this.height - this.table[i].sy / 100 * this.height;
            point_cpu_sy += ' ' + i + ',' + pnt + ' ' + (i+1) + ',' + pnt;
            var pnt = this.height - this.table[i].int / max_int * this.height;
            point_sys_int += ' ' + i + ',' + pnt + ' ' + (i+1) + ',' + pnt;
            var pnt = this.height - this.table[i].cs / max_cs * this.height;
            point_sys_cs += ' ' + i + ',' + pnt + ' ' + (i+1) + ',' + pnt;
            var pnt = this.height - this.table[i].si / max_si * this.height;
            point_swap_i += ' ' + i + ',' + pnt + ' ' + (i+1) + ',' + pnt;
            var pnt = this.height - this.table[i].so / max_so * this.height;
            point_swap_o += ' ' + i + ',' + pnt + ' ' + (i+1) + ',' + pnt;
            var pnt = this.height - this.table[i].bi / max_bi * this.height;
            point_disk_i += ' ' + i + ',' + pnt + ' ' + (i+1) + ',' + pnt;
            var pnt = this.height - this.table[i].bo / max_bo * this.height;
            point_disk_o += ' ' + i + ',' + pnt + ' ' + (i+1) + ',' + pnt;
        }
        point_disk_o += ' ' + i + ',' + this.height + ' 0,' + this.height;
        this.line_disk_o.setAttribute('points', point_disk_o);
        point_sys_int += ' ' + i + ',' + this.height + ' 0,' + this.height;
        this.line_sys_int.setAttribute('points', point_sys_int);
        point_swap_o += ' ' + i + ',' + this.height + ' 0,' + this.height;
        this.line_swap_o.setAttribute('points', point_swap_o);
        point_cpu_sy += ' ' + i + ',' + this.height + ' 0,' + this.height;
        this.line_cpu_sy.setAttribute('points', point_cpu_sy);
        point_cpu_wa += ' ' + i + ',' + this.height + ' 0,' + this.height;
        this.line_cpu_wa.setAttribute('points', point_cpu_wa);
        point_cpu_us += ' ' + i + ',' + this.height + ' 0,' + this.height;
        this.line_cpu_us.setAttribute('points', point_cpu_us);
        point_disk_i += ' ' + i + ',' + this.height + ' 0,' + this.height;
        this.line_disk_i.setAttribute('points', point_disk_i);
        point_mem_cach += ' ' + i + ',' + this.height + ' 0,' + this.height;
        this.line_mem_cach.setAttribute('points', point_mem_cach);
        point_sys_cs += ' ' + i + ',' + this.height + ' 0,' + this.height;
        this.line_sys_cs.setAttribute('points', point_sys_cs);
        point_mem_swpd += ' ' + i + ',' + this.height + ' 0,' + this.height;
        this.line_mem_swpd.setAttribute('points', point_mem_swpd);
        point_mem_buff += ' ' + i + ',' + this.height + ' 0,' + this.height;
        this.line_mem_buff.setAttribute('points', point_mem_buff);
        point_mem_free += ' ' + i + ',' + this.height + ' 0,' + this.height;
        this.line_mem_free.setAttribute('points', point_mem_free);
        point_swap_i += ' ' + i + ',' + this.height + ' 0,' + this.height;
        this.line_swap_i.setAttribute('points', point_swap_i);
        }
    this.draw = function() { this.draw_graph(); this.draw_text(); }
}
function onup(str) {
    uptime_display.push(new UptimeData(str));
    uptime_display.draw();
    stream_elm.removeChild(stream_elm.lastChild);
}
var uptime_display;
var stream_elm;
var memtot;
var swaptot;
var cmdkey;
var delay;
var datacount=0;
var startdate=new Date('Mon Feb  6 05:45:51 2012')
var max_r=0;
var min_r=-1;
var moy_r=0;
var max_b=0;
var min_b=-1;
var moy_b=0;
var max_swpd=0;
var min_swpd=-1;
var moy_swpd=0;
var max_free=0;
var min_free=-1;
var moy_free=0;
var max_buff=0;
var min_buff=-1;
var moy_buff=0;
var max_cach=0;
var min_cach=-1;
var moy_cach=0;
var max_si=0;
var min_si=-1;
var moy_si=0;
var max_so=0;
var min_so=-1;
var moy_so=0;
var max_bi=0;
var min_bi=-1;
var moy_bi=0;
var max_bo=0;
var min_bo=-1;
var moy_bo=0;
var max_int=0;
var min_int=-1;
var moy_int=0;
var max_cs=0;
var min_cs=-1;
var moy_cs=0;
var max_us=0;
var min_us=-1;
var moy_us=0;
var max_sy=0;
var min_sy=-1;
var moy_sy=0;
var max_idl=0;
var min_idl=-1;
var moy_idl=0;
var max_wa=0;
var min_wa=-1;
var moy_wa=0;
function initvars(memt,swapt,sk,interval) {
    memtot = memt;
    swaptot = swapt;
    cmdkey = sk;
    delay = interval;
    uptime_display = new UptimeDisplay();
    stream_elm = document.getElementById('stream');
    stream_elm.removeChild(stream_elm.lastChild);
    var text=document.createTextNode(memtot+' Kb');
    var txttot=document.getElementById('txt-total');
    txttot.replaceChild(text,txttot.firstChild);
    text=document.createTextNode(swaptot+' Kb');
    txttot=document.getElementById('txt-stot');
    txttot.replaceChild(text,txttot.firstChild);
    text=document.createTextNode(document.location.toString().split('/')[2]);
    txttot=document.getElementById('host');
    txttot.replaceChild(text,txttot.firstChild);
}
function chng() {
    var delay=document.getElementById('delay').value;
    var width=document.getElementById('width').value;
    var height=document.getElementById('height').value;
    window.location = 'http://perso.f-hauri.ch/~felix/marcm/vmstat.cgi?delay='+delay+'&width='+width+'&height='+height; };

//]]></script>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
<h3>
	Statistic on <span class="host" id="host">
		perso.f-hauri.ch
	</span>
</h3>
Started: Mon Feb  6 05:45:51 2012 Points:<span id="txt-count">
	..
</span>
 <br />
<table>
	<tr>
		<th>
			 Values presentation 
		</th>
		<th>
			Delay
		</th>
		<th>
			Points (Width)
		</th>
		<th>
			Height (Length)
		</th>
	</tr>
	<tr>
		<td> [ Minimum | Average | Maximum ]</td>
		<td><input type="text" name="delay" value="1" size="4" onchange="chng()" id="delay" /></td>
		<td><input type="text" name="width" value="300" size="5" onchange="chng()" id="width" /></td>
		<td><input type="text" name="height" value="25" size="5" onchange="chng()" id="height" /></td>
	</tr>
</table>
<p>
	(c) 2008-2009 <a href="http://f-hauri.ch/">F.Hauri</a>
	 - Run in <b>
		 CGI 
	</b>
	 mode. <a href="/~felix/marcm/vmstat.cgi/download/vmstat.cgi">[download vmstat.cgi]</a>
</p>
<b>
	Process
</b>
<table width="100%">
	<tr>
		<th colspan="2">
			R
		</th>
		<th colspan="2">
			B
		</th>
	</tr>
	<tr>
		<th id="txt-r">
			..
		</th>
		<td align="center" id="txt-mr">..</td>
		<th id="txt-b">
			..
		</th>
		<td align="center" id="txt-mb">..</td>
	</tr>
</table>
<br />
<b>
	Mem
</b>
<br />
<svg:svg xmlns:svg="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 302 27">
    <svg:rect x="0" y="0" width="302" height="27" fill="#DDD" stroke="#666"/>
    <svg:polyline id="line-mem-free" points="0,25 0,25" fill="#3F4" fill-opacity="1" stroke="none" transform="translate(1,1)"/>
    <svg:polyline id="line-mem-buff" points="0,25 0,25" fill="#3FF" fill-opacity="1" stroke="none" transform="translate(1,1)"/>
    <svg:polyline id="line-mem-cach" points="0,25 0,25" fill="#44F" fill-opacity="1" stroke="none" transform="translate(1,1)"/>
    <svg:line x1="0" y1="7.25" x2="302" y2="7.25" stroke-width="0.1px" stroke="#333" stroke-opacity=".5"/>
    <svg:line x1="0" y1="13.5" x2="302" y2="13.5" stroke-width=".2px" stroke="#333" stroke-opacity=".5"/>
    <svg:line x1="0" y1="19.75" x2="302" y2="19.75" stroke-width="0.1px" stroke="#333" stroke-opacity=".5"/>
    <svg:line x1="61" y1="0" x2="61" y2="27" stroke-width="0.1px" stroke="#333" stroke-opacity=".5"/>
    <svg:line x1="121" y1="0" x2="121" y2="27" stroke-width="0.1px" stroke="#333" stroke-opacity=".5"/>
    <svg:line x1="181" y1="0" x2="181" y2="27" stroke-width="0.1px" stroke="#333" stroke-opacity=".5"/>
    <svg:line x1="241" y1="0" x2="241" y2="27" stroke-width="0.1px" stroke="#333" stroke-opacity=".5"/>
    <svg:line x1="31" y1="0" x2="31" y2="27" stroke-width=".05px" stroke="#333" stroke-opacity=".5"/>
    <svg:line x1="91" y1="0" x2="91" y2="27" stroke-width=".05px" stroke="#333" stroke-opacity=".5"/>
    <svg:line x1="151" y1="0" x2="151" y2="27" stroke-width=".05px" stroke="#333" stroke-opacity=".5"/>
    <svg:line x1="211" y1="0" x2="211" y2="27" stroke-width=".05px" stroke="#333" stroke-opacity=".5"/>
    <svg:line x1="271" y1="0" x2="271" y2="27" stroke-width=".05px" stroke="#333" stroke-opacity=".5"/>
</svg:svg>
<br />
<table width="100%">
	<tr>
		<th>
			Total
		</th>
		<th colspan="2">
			Free <svg:svg xmlns:svg="http://www.w3.org/2000/svg" width="20" height="10"><svg:rect x="0" y="0" width="20" height="10" style="fill:#3F4;opacity:1" /></svg:svg>
		</th>
		<th>
			Use
		</th>
		<th colspan="2">
			Buffered <svg:svg xmlns:svg="http://www.w3.org/2000/svg" width="20" height="10"><svg:rect x="0" y="0" width="20" height="10" style="fill:#3FF;opacity:1" /></svg:svg>
		</th>
		<th colspan="2">
			Cached <svg:svg xmlns:svg="http://www.w3.org/2000/svg" width="20" height="10"><svg:rect x="0" y="0" width="20" height="10" style="fill:#44F;opacity:1" /></svg:svg>
		</th>
	</tr>
	<tr>
		<td align="center" id="txt-total">..</td>
		<th id="txt-free">
			..
		</th>
		<td align="center" id="txt-mfree">..</td>
		<td align="center" id="txt-use">..</td>
		<th id="txt-buff">
			..
		</th>
		<td align="center" id="txt-mbuff">..</td>
		<th id="txt-cach">
			..
		</th>
		<td align="center" id="txt-mcach">..</td>
	</tr>
</table>

<b>
	Swap
</b>
<br />
<svg:svg xmlns:svg="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 302 27">
    <svg:rect x="0" y="0" width="302" height="27" fill="#DDD" stroke="#666"/>
    <svg:polyline id="line-mem-swpd" points="0,25 0,25" fill="#FF0" fill-opacity="1" stroke="none" transform="translate(1,1)"/>
    <svg:line x1="0" y1="7.25" x2="302" y2="7.25" stroke-width="0.1px" stroke="#333" stroke-opacity=".5"/>
    <svg:line x1="0" y1="13.5" x2="302" y2="13.5" stroke-width=".2px" stroke="#333" stroke-opacity=".5"/>
    <svg:line x1="0" y1="19.75" x2="302" y2="19.75" stroke-width="0.1px" stroke="#333" stroke-opacity=".5"/>
    <svg:line x1="61" y1="0" x2="61" y2="27" stroke-width="0.1px" stroke="#333" stroke-opacity=".5"/>
    <svg:line x1="121" y1="0" x2="121" y2="27" stroke-width="0.1px" stroke="#333" stroke-opacity=".5"/>
    <svg:line x1="181" y1="0" x2="181" y2="27" stroke-width="0.1px" stroke="#333" stroke-opacity=".5"/>
    <svg:line x1="241" y1="0" x2="241" y2="27" stroke-width="0.1px" stroke="#333" stroke-opacity=".5"/>
    <svg:line x1="31" y1="0" x2="31" y2="27" stroke-width=".05px" stroke="#333" stroke-opacity=".5"/>
    <svg:line x1="91" y1="0" x2="91" y2="27" stroke-width=".05px" stroke="#333" stroke-opacity=".5"/>
    <svg:line x1="151" y1="0" x2="151" y2="27" stroke-width=".05px" stroke="#333" stroke-opacity=".5"/>
    <svg:line x1="211" y1="0" x2="211" y2="27" stroke-width=".05px" stroke="#333" stroke-opacity=".5"/>
    <svg:line x1="271" y1="0" x2="271" y2="27" stroke-width=".05px" stroke="#333" stroke-opacity=".5"/>
</svg:svg>
<br />
<table width="100%">
	<tr>
		<th>
			Total
		</th>
		<th>
			Free
		</th>
		<th colspan="3">
			Use <svg:svg xmlns:svg="http://www.w3.org/2000/svg" width="20" height="10"><svg:rect x="0" y="0" width="20" height="10" style="fill:#FF0;opacity:1" /></svg:svg>
		</th>
	</tr>
	<tr>
		<td align="center" id="txt-stot">...</td>
		<td align="center" id="txt-sfre">...</td>
		<td align="center" id="txt-suse">...</td>
		<th id="txt-swpd">
			..
		</th>
		<td align="center" id="txt-mswpd">..</td>
	</tr>
</table>

<b>
	Swap IO
</b>
<br />
<svg:svg xmlns:svg="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 302 27">
    <svg:rect x="0" y="0" width="302" height="27" fill="#DDD" stroke="#666"/>
    <svg:polyline id="line-swap-i" points="0,25 0,25" fill="#BB4" fill-opacity=".5" stroke="none" transform="translate(1,1)"/>
    <svg:polyline id="line-swap-o" points="0,25 0,25" fill="#4BB" fill-opacity=".5" stroke="none" transform="translate(1,1)"/>
    <svg:line x1="0" y1="7.25" x2="302" y2="7.25" stroke-width="0.1px" stroke="#333" stroke-opacity=".5"/>
    <svg:line x1="0" y1="13.5" x2="302" y2="13.5" stroke-width=".2px" stroke="#333" stroke-opacity=".5"/>
    <svg:line x1="0" y1="19.75" x2="302" y2="19.75" stroke-width="0.1px" stroke="#333" stroke-opacity=".5"/>
    <svg:line x1="61" y1="0" x2="61" y2="27" stroke-width="0.1px" stroke="#333" stroke-opacity=".5"/>
    <svg:line x1="121" y1="0" x2="121" y2="27" stroke-width="0.1px" stroke="#333" stroke-opacity=".5"/>
    <svg:line x1="181" y1="0" x2="181" y2="27" stroke-width="0.1px" stroke="#333" stroke-opacity=".5"/>
    <svg:line x1="241" y1="0" x2="241" y2="27" stroke-width="0.1px" stroke="#333" stroke-opacity=".5"/>
    <svg:line x1="31" y1="0" x2="31" y2="27" stroke-width=".05px" stroke="#333" stroke-opacity=".5"/>
    <svg:line x1="91" y1="0" x2="91" y2="27" stroke-width=".05px" stroke="#333" stroke-opacity=".5"/>
    <svg:line x1="151" y1="0" x2="151" y2="27" stroke-width=".05px" stroke="#333" stroke-opacity=".5"/>
    <svg:line x1="211" y1="0" x2="211" y2="27" stroke-width=".05px" stroke="#333" stroke-opacity=".5"/>
    <svg:line x1="271" y1="0" x2="271" y2="27" stroke-width=".05px" stroke="#333" stroke-opacity=".5"/>
</svg:svg>
<br />
<table width="100%">
	<tr>
		<th colspan="2">
			In <svg:svg xmlns:svg="http://www.w3.org/2000/svg" width="20" height="10"><svg:rect x="0" y="0" width="20" height="10" style="fill:#BB4;opacity:.5" /></svg:svg>
		</th>
		<th colspan="2">
			Out <svg:svg xmlns:svg="http://www.w3.org/2000/svg" width="20" height="10"><svg:rect x="0" y="0" width="20" height="10" style="fill:#4BB;opacity:.5" /></svg:svg>
		</th>
	</tr>
	<tr>
		<th id="txt-si">
			..
		</th>
		<td align="center" id="txt-msi">..</td>
		<th id="txt-so">
			..
		</th>
		<td align="center" id="txt-mso">..</td>
	</tr>
</table>

<b>
	Disks IO
</b>
<br />
<svg:svg xmlns:svg="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 302 27">
    <svg:rect x="0" y="0" width="302" height="27" fill="#DDD" stroke="#666"/>
    <svg:polyline id="line-disk-i" points="0,25 0,25" fill="#BB4" fill-opacity=".5" stroke="none" transform="translate(1,1)"/>
    <svg:polyline id="line-disk-o" points="0,25 0,25" fill="#4BB" fill-opacity=".5" stroke="none" transform="translate(1,1)"/>
    <svg:line x1="0" y1="7.25" x2="302" y2="7.25" stroke-width="0.1px" stroke="#333" stroke-opacity=".5"/>
    <svg:line x1="0" y1="13.5" x2="302" y2="13.5" stroke-width=".2px" stroke="#333" stroke-opacity=".5"/>
    <svg:line x1="0" y1="19.75" x2="302" y2="19.75" stroke-width="0.1px" stroke="#333" stroke-opacity=".5"/>
    <svg:line x1="61" y1="0" x2="61" y2="27" stroke-width="0.1px" stroke="#333" stroke-opacity=".5"/>
    <svg:line x1="121" y1="0" x2="121" y2="27" stroke-width="0.1px" stroke="#333" stroke-opacity=".5"/>
    <svg:line x1="181" y1="0" x2="181" y2="27" stroke-width="0.1px" stroke="#333" stroke-opacity=".5"/>
    <svg:line x1="241" y1="0" x2="241" y2="27" stroke-width="0.1px" stroke="#333" stroke-opacity=".5"/>
    <svg:line x1="31" y1="0" x2="31" y2="27" stroke-width=".05px" stroke="#333" stroke-opacity=".5"/>
    <svg:line x1="91" y1="0" x2="91" y2="27" stroke-width=".05px" stroke="#333" stroke-opacity=".5"/>
    <svg:line x1="151" y1="0" x2="151" y2="27" stroke-width=".05px" stroke="#333" stroke-opacity=".5"/>
    <svg:line x1="211" y1="0" x2="211" y2="27" stroke-width=".05px" stroke="#333" stroke-opacity=".5"/>
    <svg:line x1="271" y1="0" x2="271" y2="27" stroke-width=".05px" stroke="#333" stroke-opacity=".5"/>
</svg:svg>
<br />
<table width="100%">
	<tr>
		<th colspan="2">
			In <svg:svg xmlns:svg="http://www.w3.org/2000/svg" width="20" height="10"><svg:rect x="0" y="0" width="20" height="10" style="fill:#BB4;opacity:.5" /></svg:svg>
		</th>
		<th colspan="2">
			Out <svg:svg xmlns:svg="http://www.w3.org/2000/svg" width="20" height="10"><svg:rect x="0" y="0" width="20" height="10" style="fill:#4BB;opacity:.5" /></svg:svg>
		</th>
	</tr>
	<tr>
		<th id="txt-bi">
			..
		</th>
		<td align="center" id="txt-mbi">..</td>
		<th id="txt-bo">
			..
		</th>
		<td align="center" id="txt-mbo">..</td>
	</tr>
</table>

<b>
	System
</b>
<br />
<svg:svg xmlns:svg="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 302 27">
    <svg:rect x="0" y="0" width="302" height="27" fill="#DDD" stroke="#666"/>
    <svg:polyline id="line-sys-int" points="0,25 0,25" fill="#E44" fill-opacity=".5" stroke="none" transform="translate(1,1)"/>
    <svg:polyline id="line-sys-cs" points="0,25 0,25" fill="#44E" fill-opacity=".5" stroke="none" transform="translate(1,1)"/>
    <svg:line x1="0" y1="7.25" x2="302" y2="7.25" stroke-width="0.1px" stroke="#333" stroke-opacity=".5"/>
    <svg:line x1="0" y1="13.5" x2="302" y2="13.5" stroke-width=".2px" stroke="#333" stroke-opacity=".5"/>
    <svg:line x1="0" y1="19.75" x2="302" y2="19.75" stroke-width="0.1px" stroke="#333" stroke-opacity=".5"/>
    <svg:line x1="61" y1="0" x2="61" y2="27" stroke-width="0.1px" stroke="#333" stroke-opacity=".5"/>
    <svg:line x1="121" y1="0" x2="121" y2="27" stroke-width="0.1px" stroke="#333" stroke-opacity=".5"/>
    <svg:line x1="181" y1="0" x2="181" y2="27" stroke-width="0.1px" stroke="#333" stroke-opacity=".5"/>
    <svg:line x1="241" y1="0" x2="241" y2="27" stroke-width="0.1px" stroke="#333" stroke-opacity=".5"/>
    <svg:line x1="31" y1="0" x2="31" y2="27" stroke-width=".05px" stroke="#333" stroke-opacity=".5"/>
    <svg:line x1="91" y1="0" x2="91" y2="27" stroke-width=".05px" stroke="#333" stroke-opacity=".5"/>
    <svg:line x1="151" y1="0" x2="151" y2="27" stroke-width=".05px" stroke="#333" stroke-opacity=".5"/>
    <svg:line x1="211" y1="0" x2="211" y2="27" stroke-width=".05px" stroke="#333" stroke-opacity=".5"/>
    <svg:line x1="271" y1="0" x2="271" y2="27" stroke-width=".05px" stroke="#333" stroke-opacity=".5"/>
</svg:svg>
<br />
<table width="100%">
	<tr>
		<th colspan="2">
			Interrupts <svg:svg xmlns:svg="http://www.w3.org/2000/svg" width="20" height="10"><svg:rect x="0" y="0" width="20" height="10" style="fill:#E44;opacity:.5" /></svg:svg>
		</th>
		<th colspan="2">
			ContextSwitch <svg:svg xmlns:svg="http://www.w3.org/2000/svg" width="20" height="10"><svg:rect x="0" y="0" width="20" height="10" style="fill:#44E;opacity:.5" /></svg:svg>
		</th>
	</tr>
	<tr>
		<th id="txt-int">
			..
		</th>
		<td align="center" id="txt-mint">..</td>
		<th id="txt-cs">
			..
		</th>
		<td align="center" id="txt-mcs">..</td>
	</tr>
</table>

<b>
	CPU
</b>
<br />
<svg:svg xmlns:svg="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 302 27">
    <svg:rect x="0" y="0" width="302" height="27" fill="#DDD" stroke="#666"/>
    <svg:polyline id="line-cpu-wa" points="0,25 0,25" fill="#EE4" fill-opacity="1" stroke="none" transform="translate(1,1)"/>
    <svg:polyline id="line-cpu-us" points="0,25 0,25" fill="#E44" fill-opacity="1" stroke="none" transform="translate(1,1)"/>
    <svg:polyline id="line-cpu-sy" points="0,25 0,25" fill="#EB4" fill-opacity="1" stroke="none" transform="translate(1,1)"/>
    <svg:line x1="0" y1="7.25" x2="302" y2="7.25" stroke-width="0.1px" stroke="#333" stroke-opacity=".5"/>
    <svg:line x1="0" y1="13.5" x2="302" y2="13.5" stroke-width=".2px" stroke="#333" stroke-opacity=".5"/>
    <svg:line x1="0" y1="19.75" x2="302" y2="19.75" stroke-width="0.1px" stroke="#333" stroke-opacity=".5"/>
    <svg:line x1="61" y1="0" x2="61" y2="27" stroke-width="0.1px" stroke="#333" stroke-opacity=".5"/>
    <svg:line x1="121" y1="0" x2="121" y2="27" stroke-width="0.1px" stroke="#333" stroke-opacity=".5"/>
    <svg:line x1="181" y1="0" x2="181" y2="27" stroke-width="0.1px" stroke="#333" stroke-opacity=".5"/>
    <svg:line x1="241" y1="0" x2="241" y2="27" stroke-width="0.1px" stroke="#333" stroke-opacity=".5"/>
    <svg:line x1="31" y1="0" x2="31" y2="27" stroke-width=".05px" stroke="#333" stroke-opacity=".5"/>
    <svg:line x1="91" y1="0" x2="91" y2="27" stroke-width=".05px" stroke="#333" stroke-opacity=".5"/>
    <svg:line x1="151" y1="0" x2="151" y2="27" stroke-width=".05px" stroke="#333" stroke-opacity=".5"/>
    <svg:line x1="211" y1="0" x2="211" y2="27" stroke-width=".05px" stroke="#333" stroke-opacity=".5"/>
    <svg:line x1="271" y1="0" x2="271" y2="27" stroke-width=".05px" stroke="#333" stroke-opacity=".5"/>
</svg:svg>
<br />
<table width="100%">
	<tr>
		<th colspan="2">
			System <svg:svg xmlns:svg="http://www.w3.org/2000/svg" width="20" height="10"><svg:rect x="0" y="0" width="20" height="10" style="fill:#EB4;opacity:1" /></svg:svg>
		</th>
		<th colspan="2">
			User <svg:svg xmlns:svg="http://www.w3.org/2000/svg" width="20" height="10"><svg:rect x="0" y="0" width="20" height="10" style="fill:#E44;opacity:1" /></svg:svg>
		</th>
		<th colspan="2">
			Wait <svg:svg xmlns:svg="http://www.w3.org/2000/svg" width="20" height="10"><svg:rect x="0" y="0" width="20" height="10" style="fill:#EE4;opacity:1" /></svg:svg>
		</th>
		<th colspan="2">
			Idle
		</th>
	</tr>
	<tr>
		<th id="txt-sy">
			..
		</th>
		<td align="center" id="txt-msy">..</td>
		<th id="txt-us">
			..
		</th>
		<td align="center" id="txt-mus">..</td>
		<th id="txt-wa">
			..
		</th>
		<td align="center" id="txt-mwa">..</td>
		<th id="txt-idl">
			..
		</th>
		<td align="center" id="txt-midl">..</td>
	</tr>
</table>

<p align="right">
	<b>
		vmstat.pl
	</b>
	 v0.07 last modification: 2009-05-06 14:58:52
</p>
<div id="stream" style="display:none">
<script language="javascript">initvars(254376,0,1)</script>
<script language="javascript">onup("0 0 0 0 0 0 0 0 41 228 0 256 31 27 42 1")</script>
<script language="javascript">onup("0 0 0 0 0 0 0 0 0 0 0 45 50 0 50 0")</script>
<script language="javascript">onup("0 0 0 0 0 0 0 0 0 0 0 43 0 0 100 0")</script>

