Ich weiß es nicht, aber ich gebe wenigstens zu das ich doof bin. Bekomme ich trotzdem ein Eis?

Hmm, falsche Frage ;)
Die Punkte sind Tags und keine Seiten, das Ganze stellt IMHO eine Visualisierung des DOM-Trees einer Seite dar.

Bis zum Komma kann ich folgen und stimme zu. Aber was ist ein DOM-Tree?

@Henning: Das DOM (http://de.wikipedia.org/wiki/Document_Object_Model) ist die Browser-interne baumartige Struktur einer Website.

Nachtrag und Korrektur an mich selbst: In diesem Falle sollte es nicht Website sondern wirklich nur Webseite heissen, denn es ist genau ein (x)html-Dokument gemeint und eben nicht die gesamte Site-Struktur ;)

Oh jee, zu tief sollte ich da nicht eindringen. Hab eben die Wikipedia-Seite überflogen. Danke!

Aber bist du sicher, dass es nur um das eine einzige Dokument geht? Dafür dauert das teilweise ziemlich lange. Hab das heute Nachmittag mit ein paar Seiten ausprobiert.

Ja, ich hab's mit einer ganz einfachen Seite mal ausprobiert und es wurde genau die eine Seite visualisiert.

Da bekommt das Gespärachstthema "Meine Seite ist viel schöner als deine!" eine neue Bedeutung.

Hach, jetzt kann ich als Florist und freiberuflicher Webdesigner wieder aufatmen

Naja.. die Lösung ist einfach, wenn man diesen Link hier kennt: http://www.touchgraph.com/TGGoogleBrowser.html

;)

Nun habe ich gewonnen! :)

Meine Blümchen sehen ganz anders aus. Dabei sehen sich allerdings die Blümchen meiner beiden Blogs sehr ähnlich und ich frage mich gerade, ob jetzt irgendjemand verstanden hat, was ich hier sagen wollte.

Moin,

Jürgen Plassner hat recht, und das Eis kriegt keiner. Der Service von www.aharef.info heisst zwar "Websites as Graphs", aber diese Bezeichnung ist irreführend. Es handelt sich nur um eine Visualisierung von WebSEITEN, nicht von SITES. Dargestellt werden die unterschiedlichen Tags in einer Webpage:
Schwarz: Das HTML-Tag, Start der Untersuchung (Tags: html)
Blau: Verlinkungen (Tags: a)
Rot: Tabellen (Tags: table, tr, td)
Grün: Division (Tags: div)
Violett: Bilder (Tags: img)
Gelb: Formulare (Tags: form, input, textarea, select, option)
Orange: Absätze, Zeilenwechsel und Blockzitate (Tags: p, br, blockquote)
Grau: alle anderen Tags