Websites as graphs - あなたのサイトは、どんな形? -
「Website as graphs」というウェブサイトをグラフ化してくれる面白いサイトを見つけたのでご紹介します。
左の画像は、このブログをグラフ化したものです。面白いですよね^^w
グラフ化された画像の各色は、下記のような意味があります。
ブルー(青): リンク(aタグ)
レッド(赤): テーブル(table,td,trタグ)
グリーン(緑): divタグ
バイオレット(紫): 画像(imgタグ)
イエロー(黄): フォーム(form,input,textarea,selectタグなど)
オレンジ(橙): 改行や引用(br,p,blockquoteタグ)
ブラック(黒): サイトの中心(HTMLタグ)
グレイ(灰): そのほかのタグ
グラフ化するのは簡単。「Website as graphs」サイトでフォームにグラフ化したいサイトのURLを記入するだけです。JAVAアップレットでニョキニョキと生き物のようにグラフ化されていきます。(大きなサイトはグラフ化されるまで時間がかかります)
他のサイトを見てみると・・・・
Yahoo! Japan:
さすがポータルサイト、本ブログとは大違い・・・w 赤(テーブル)が目立ちますね。
CNET Japan:
Yahoo! とは違った顔、赤(テーブル)はほとんどなく、緑(div)が多いですね。今風といった感じでしょうか。
SixApart:
サイトによっていろいろな形や色になりますね。あなたのサイトは、どんな形でしょうか?
是非、お試しください。
Recent Comments