ページのHTML構造を可視化するWebsites as graphis | fladdict

website as graphs 昔processingで作ろうとして挫折したものを完成してる人がいて感動。HTMLのタグ構造をグラフとして可視化するprocesingのapplet。 色はそのままノードの種類に対応しています。 うちのサイトは現在MTのディフォルトテンプレートだけど、各ブロックの接点が緑(div)ノードでちゃんとブロック化されてるのがわかります。オレンジと青が混ざってるブロックはエントリー、ブルーとグレーで構成されているあたりがサイドメニューかな。 物理ライブラリとかHTMLパーサとかいつのまにかprocessingも随分と進化しててビックリ。僕の手持ちのAS3の物理ライブラリが、実はここで使われてるTraer Physicsライブラリをかなりパクッて参考に作られてることは、秘密です。

[vkgtaro]

面白い。