Websites as Graphs -- Web サイトの HTML DOM を可視化する Java applet
Web サイトの URL を入力するだけで、HTML DOM (文書オブジェクトモデル)を可視化してグラフにする Java applet です。
DOM 毎に色分けされノード(●)がつぎつぎに増えて、まるで海藻のように揺れ動き続けます。
というわけで、test dept. を可視化、グラフにしてみました。
色の意味は、次のとおりです。
- 青: for links (the A tag)
- 赤: for tables (TABLE, TR and TD tags)
- 緑: for the DIV tag
- 紫: for images (the IMG tag)
- 黄: for forms (FORM, INPUT, TEXTAREA, SELECT and OPTION tags)
- 橙: for linebreaks and blockquotes (BR, P, and BLOCKQUOTE tags)
- 黒: the HTML tag, the root node
- 灰: all other tags
可視化されたグラフは、ページ最下行 [here's what you can do] のリンク先で、1,500 x 1,500 pixel の PDF か JPEG 形式でダウンロードできます。
Flickr には、この Java applet で可視化されたグラフが 2,400 以上も集まっていますね。
Flickr: Photos tagged with websitesasgraphs
by shiu Fri 05 Oct 2007 22:26 ¦ Comments(2) ¦ Trackback(0) ¦ Designing,Widget
<Older ¦ Newer>
<Older ¦ Newer>
Referer
Comments
うちのブログにも投稿してくださいね!
さくら Sun 07 Oct 2007 01:44
僭越(せんえつ)ながら、書かせていただきますね!
shiu Tue 09 Oct 2007 09:43





















