Auf der Website Aharef gibt es eine interessante Java-Anwendung zu bestaunen. Nach Eingabe einer URL verwandelt ein Applet das HTML der Webseite in eine grafische Darstellung, mathematisch genau einen Graph.

So sah zum Beispiel kgblog.de aus, bevor ich diesen Artikel gepostet habe:
kgblog als Graph
Wer ein akutelles Bild sehen will, der kann diesen Link nutzen und muss nur etwas Geduld aufbringen, bis sich der Blummenstrauß vollständig entfaltet hat.

Mit den Erklärungen der Farben unter Websites as graphs kann ich sogar meine Webseite in der Grafik wieder erkennen:

  • Startpunkt ist der schwarze Knoten, den ich mit einem roten Pfeil markiert habe. Er stellt den body Tag dar.
  • Die graue Blüte, die nach oben zeigt sind die meta Tags im Header von kgblog.de.
  • Geht man nach unten sieht man viele grüne Knoten, die die div Tags repräsentieren, mit der die Webseite aufgeteilt wird.
  • Die orangenen Blüten auf der rechten Seite sind die Artikel in meinem Weblog, die etliche br Tags enthalten. Die blauen Sprenkel sind die Links in den Artikeln.
  • Auf der linken Seite befindet sich eine gelbe Blüte, die das Suchformular repräsentiert
  • Die ausschließlich blauen Blüten darunter sind die Links in der Sidebar, die größte Blüte ist natürlich meine Blogroll.

Einen praktischen Nutzen hat die Anwendung noch nicht, obwohl sie es mit ein bißchen Übung ermöglicht, die Struktur einer Webseite leicht zu überblicken. Wenn die Knoten mit einem Tooltipp beschriftet wären (z.B. mit den Klassen und IDs eines Tags) und man das Rendern der Webseite beeinflussen könnte, könnte daraus sogar eine praktisch sinnvolle Anwendung werden. icon_smile.gif

[via Sitelounge]