手軽にゲージを描画する「Gauge.js」

gauge.js (javascript programmable gauge)（別窓）

「Gauge.js」はゲージを簡単に表示することができるJavaScriptです。
実際の動きは上のリンクから記事を見ていただければと思います。

導入方法は非常に簡単。
まずは記事からgauge.jsをダウンロードし、HTMLでこれを読み込みます。
次に以下のようなJSコードを挿入します。

if(typeof $=='undefined') {function $(v) {return(document.getElementById(v));}}
window.onload = function () { 
gauge.add($("g_0"), {width:430, height:30, values:[12,30,23,45]});
}

さらに、以下のコードを挿入します。

<div id="g_0"></div>

これだけで完了です。
JSの方はオプションが豊富なので、値を変更することで自分好みにカスタマイズできます。
IE6にも対応しているのが嬉しいですね。