(65%) Piecon / Pie charts in your favicon!

faviconを円グラフにしてアニメーションできる「Piecon」。
処理の進捗に応じてtitleタグを書き換える方法もありますが、faviconで円グラフを描くというのは斬新な発想ですね。
画面遷移無しで処理に時間がかかるような時に表示させてあげると他のサイトを見ながら進捗も図形で一目で分かってかなり親切です。


16x16ピクセルをいかに使うかといったところですが、円グラフはちょうどマッチしていて、ナイスアイデアと言わざるをえませんね。
jQuery等に依存せずに単体で使うことが出来る所も特徴。

ブラウザによってはfaviconのアニメーションができませんが、タイトルタグの書き換えによって進捗も分かるようになっています

関連エントリ

• 様々なグラフを描画できるJavaScriptライブラリ「NVD3.js」
• 見た目がクールなグラフ描画用jQueryプラグイン「Morris.js」
• 美麗なグラフをSVGで描画できるJSライブラリ「dc.js」
• CSS3とjQueryでインタラクティブなグラフを作成するチュートリアル