About

Randy Krum

Product Development, Marketing, Visual Thinking and Data Visualization professional fascinated by good infographics.  Always looking for better ways to get the point across.


RandyKrum.com

Search Cool Infographics
Caffeine Poster

Follow Me!


Follow Randy (Twitter @rtkrum) 

Blog posts ONLY on Twitter

Twitter List: Cool Infographics People

Cool Ads
Supreme Court Poster

WallStats Poster

Subscribe

Subscribe on your Amazon Kindle:

RSS Feed:

Subscribe in a reader

Subscribe via email:

Enter your email address:

Delivered by FeedBurner

 

Add to Technorati Favorites

 

View blog authority

Infographics Carousel
Marketing Profs

MarketingProfs reviewed more than 200 sources and selected 64 of the best to create the Digital Marketing Factbook—a compilation of data covering the critical topics of digital marketing.

Thanks to...
Powered by Squarespace

 

 

« Visual Map of 30 Free Online Promotion Websites | Main | The Ambient Life (an infographic video) »
Tuesday
17Nov2009

Webpages As Graphs - Cool HTML visualizer applet


Marcel Salathe has created Webpages As Graphs, an interactive HTML DOM visualizer applet that will view any http:// website in a graphic form.  The image above is Cool Infographics, but the arrangement comes out a little different every time you run it.

Using Processing, Traer Physics and HTMLParser the site lets you enter the domain and then watch while it works its magic.  He has also made the source code available and instructions to print your graph as a poster.

HTML consists of so-called tags, like the A tag for links, IMG tag for images and so on. Since tags are nested in other tags, they are arranged in a hierarchical manner, and that hierarchy can be represented as a graph. I've written a little app that visualizes such a graph
I ran it for a number of other websites to see the differences, some were inspired by the examples on Marcel's site.

Amazon.com: Pretty complex site with lots of links, images and tables.



Apple.com: Simple design, as you expect from Apple.



Google.com:  Known for their clean front page.



LifeHacker.com:  Great blog with a very complex structure.




PrintView Printer Friendly Version

EmailEmail Article to Friend

Reader Comments (3)

this is really fascinating. thanks.

December 17, 2009 | Unregistered CommenterAnonymous

This is science as art!

December 17, 2009 | Unregistered CommenterBill Krum

Wonderful post... Very informational and educational as usual!

Acai Optimum

March 12, 2010 | Unregistered CommenterAcai Berry

PostPost a New Comment

Enter your information below to add a new comment.

My response is on my own website »
Author Email (optional):
Author URL (optional):
Post:
 
Some HTML allowed: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <code> <em> <i> <strike> <strong>