Persönliche Stimmen und Meinungen von Mitarbeiterinnen und Mitarbeitern.
29 Mai

Webseiten mal anders - als Graph

Täglich sehen wir Webseiten... und wir sehen nur das Visuelle. Kaum jemand macht sich Gedanken wie das HTML dahinter aussieht. Aharef hat nun ein Tool HTML-Graph entwickelt, welches Webseiten aufgrund der HTML-Struktur als Graphen darstellt.
Dabei werden die HTML Tags hierarchisch als einzelne Knoten in den Graph "übersetzt".
Raus kommen dabei lustige (aufschlussreiche) Bilder, welche einen Einblick in die Mächtigkeit der dargestellten Seite geben.

Beispiel www.namics.com:

Beispiel blog.namics.com:

Beispiel www.namicsrotweiss.com:

Und was bedeuten die Farben?
blau: Links (der A-Tag)
rot: Tabellen (TABLE, TR und TD-Tags)
grün: DIV-Tags
violett: Bilder (IMG-Tag)
gelb: Formulare (FORM, INPUT, TEXTAREA, SELECT und OPTION-Tags)
orange: Zeilen und Blockquotes (BR, P, and BLOCKQUOTE-Tags)
schwarz: HTML-Tag, der Root-Knoten
grau: alle anderen Tags


Viel Spass!

[edit]
Wer findet die Seite mit dem
- lustigsten
- grössten
- farblosesten
- besten strukturierten

Graphen?
Für "extrem gross" schicke ich mal spiegel.de ins Rennen (lädt/sortiert/strukturiert nach 5min immer noch)!
[/edit]

11 Kommentare

coole geschichte.. gefällt mir :)

nzz

1A das Ding. Jetzt brauchen wir noch einen Rorschachtest für Websites... oder was sehen Sie?

Spannend - nur ist auch hier wohl weniger mehr - oder?

Für alle Techie-Künster: wie wär's mit dem umgekehrten Ansatz? Generieren einer HTML Struktur aufgrund eines Graphen oder eines Bildes?

Hier mein Favorit - die 1M$hp - hat sich bei mir aufgehängt ;-)

http://www.aharef.info/static/htmlgraph/?url=http%3A%2F%2Fwww.milliondollarhomepage.com%2F

@Sandra-Lia: wirklich cool und schoen gross!!!

btw: koennte es sein dass Du seit heute Mittag schon mit dem Ding spielst?

Posted by: Sandra-Lia | 29.05.06 12:16
Posted by: Sandra-Lia | 29.05.06 16:52

--> 4h36min...! ;-)

nö,Markus, es soll Leute geben, die hin und wieder Produktiv sind. ^

Meine Güte, habt ihr an allem solch grosse Freude was farbig ist und sich dreht? :)

Jetzt kommentieren

Unsere Blogs