Kunst mit HTML-Elementen zu schaffen, ist nicht nur durch ergänzendes CSS möglich. Durch die NET-Library von Processing (der Java-Sprache für Kreative) hat Sala von Aharef das sehr interessante Applet “Websites as Graphs” entwickelt.
Die HTML-Elemente einer angegebenen URL werden dabei in ihrer Hierarchie als dynamische Baumstruktur angezeigt und schaffen so gleichzeitig ein einzigartiges Kunstwerk und eine Sitemap.
Bild: Website-Graph für freshlabs journal
Vision
Mit möglichen Erweiterungen des Applets (z.B. Filterung nach bestimmten HTML-Elementen, Darstellung von CSS-IDs und -Klassen, Filterung nach internen und externen Links) könnte daraus ein durchaus ansprechendes Website-Analysetool werden, das man im Auge behalten sollte.
Relevante Links:
- Processing
- Traer.physics (Physik Engine für Processing)
- HTMLParser (Java HTML Parser)
Posted in Design, Developing, Tags:analysis, graphs, physics, processing, website
Possibly Related Entries
3 Responses to “Websites as graphs”
Who's linking?
Who is this?
freshlabs journal is the bi-lingual weblog and digital playground of Tim Isenheim, designer and webdeveloper from Hamburg, Germany. More →
Love your website, sorry I don’t speak/write in German…
Here are some of my favorite data visualization websites:
visualthesaurus.com
http://thinkmap.com/casestudies.jsp
http://danielmclaren.net/go/constellation
http://asterisq.com/
http://www.babynamewizard.com/voyager
I have done it with Qt,here is it.
http://garywang77.blogspot.com/2010/01/video-about-html-view.html