『MicroCinema WebSiteのHTMLを視覚化したもの』

少し前までは、大手のGoogleやYahoo等のグラフ化された画像を公開していただけだった。

しかし、JavaによってURLアドレスを入れることで任意のサイトをグラフ化する事が可能になった。

自分のHPと企業のHPを見比べてみたりすると、意外な点に気づくのかもしれない。

青 : リンク (A タグ)

赤 : テーブル (TABLE, TR , TD タグ)

緑 : DIV タグ

紫 : 画像 ( IMG タグ)

黄色 : フォーム (FORM, INPUT, TEXTAREA, SELECT OPTION タグ)

オレンジ : 改行と引用 (BR, P, BLOCKQUOTE タグ)

黒 : ルートである HTML タグ

灰 : その他のタグ

という様にグラフ上では表現されている。

ただ、難点としてPCのスペックが低いと描画までに相当の時間を要してしまう。

アイデアとしては、よくありがちなものなのかもしれないが統計や、サイトのデザインの傾向など簡易的に見ることが出来る手段として大事なものかもしれない。

APPLETの製作元HP[aharef]

HTMLをグラフ化するAPPLETのあるページ

グラフ化した様々な有名サイトの描画結果が置いてあるページ