PieconはFaviconを円グラフにしてしまうソフトウェアです。

Webサイトには小さなアイコン、Faviconが設置されています。そんなFaviconは常に同じものが使われていますが、もっと遊んで見ようと言うのがPieconです。

[![](http://images.moongift.jp/2012/12/Screenshot 2012-12-26 21.31.50_thumb.1356527013.png)](http://images.moongift.jp/2012/12/Screenshot 2012-12-26 21.31.50.1356527013.png)
表示しました。左上のFaviconに注目。

[![](http://images.moongift.jp/2012/12/Screenshot 2012-12-26 21.31.57_thumb.1356527017.png)](http://images.moongift.jp/2012/12/Screenshot 2012-12-26 21.31.57.1356527017.png)
徐々に進んでいます。

[![](http://images.moongift.jp/2012/12/Screenshot 2012-12-26 21.31.46_thumb.1356527020.png)](http://images.moongift.jp/2012/12/Screenshot 2012-12-26 21.31.46.1356527020.png)
グラフが100%になると通常のFaviconになります。

Pieconを使うとFaviconを円グラフにできます。使い方は簡単で、Piecon.setProgress(25);などとすれば25%表示になります。定期的に数値を上げても良いし、何かの指標を出してもいいでしょう。Chrome/Firefox/Operaなどに対応しています。

PieconはJavaScript製、MIT Licenseのオープンソース・ソフトウェアです。

MOONGIFTはこう見る

Faviconはあまり注目されていません。そのため設定されていないサイトも多いくらいです。しかしだからこそ、Faviconをデフォルメすることでできるアピールがあるはずです。FAVRISではFavionをテトリスにして遊べてしまいます。

その他、サイトのFaviconを季節によって変えたり、訪問者のステータスによって変えても面白いかも知れません。ニコニコ動画のロゴ並に遊んでみるのも良いでしょう。あまり注目されていない場所だからこそ発揮できるクリエイティビティがあるはずです。

via Piecon - Pie Chart favicons! - The Changelog - Open Source moves fast. Keep up.

Piecon / Pie charts in your favicon!

lipka/piecon · GitHub