Aharef - Webpages as Graphs

Bild von Rare4You

 

Das Java-Script von Aharef illustriert die Blog-/Websitestruktur in Form eines HTML-Graphen.

Ich habe das mal für meinen Blog: Rare4You.de in Szene gesetzt.
Hier der structurecloud als Graph:

Farbzuordnung

blue
for links (the A tag)
red for tables (TABLE, TR and TD tags)
green for the DIV tag
violet for images (the IMG tag)
yellow for forms (FORM, INPUT, TEXTAREA, SELECT and OPTION tags)
orange for linebreaks and blockquotes (BR, P, and BLOCKQUOTE tags)
black the HTML tag, the root node
gray all other tags

Anwendung

Einfach die URL eures Blogs oder Website in das dafür vorgesehene Kästchen im Java-Applet eintragen und auf den Button "Show me the Graph" klicken.

Je nach größe der Website dauert es einen kleinen Moment und schon entformt sich der HTML-Graph animiert vor euren Augen.