ProBlogger as a graph

Posted By Darren Rowse 5th of June 2006 ProBlogger Site News 0 Comments

I like a pretty picture so when I saw Websites as graphs – an HTML DOM Visualizer Applet I just had to have a play with it.

Here’s ProBlogger as a graph:

blue: for links (the A tag)
red: for tables (TABLE, TR and TD tags)
green: for the DIV tag
violet: for images (the IMG tag)
yellow: for forms (FORM, INPUT, TEXTAREA, SELECT and OPTION tags)
orange: for linebreaks and blockquotes (BR, P, and BLOCKQUOTE tags)
black: the HTML tag, the root node
gray: all other tags

Just a bit of fun for the weekend.

Found via Weblog Tools Collection

About Darren Rowse

Darren Rowse is the founder and editor of ProBlogger Blog Tips and Digital Photography School. Learn more about him here and connect with him on Twitter, Facebook and LinkedIn.

44% Off the Best Thing We Created in 2016 23 Nov 2016

What Happened at Problogger Training Event 2016 14 Sep 2016

Attend the ProBlogger Training Event From the Comfort of Your Home with Our Virtual Ticket 08 Aug 2016

Comments

Jeremy Wright says: 06/05/2006 at 12:38 am

Haha, the little bit at the bottom left is the b5 blogroll. Good times :D
Alexander Wunderlich says: 06/05/2006 at 12:49 am

Holy wacamoleee! I just checked out my site. Man, its a complete disaster!!!
Little red dots began to multiply like rabbits. Its still growing as we speak (write).

Check it out:
http://app.onlinequickblog.com/images/19314-18421/Nukes_Graph.jpg

Fun.

Alexander Wunderlich
.
Andy Merrett says: 06/05/2006 at 3:03 am

What’s really cool is the animated effect as it builds. Not sure how useful this is but it’s fun.
Kenny Allman says: 06/05/2006 at 4:30 am

How on earth did you go about creating that image? Fascinating to see an internet entity in a visual way like that. Looks like a galaxy. Satellite of Love…..Sat…..a….lite…….of….. ;-)

– Kenny
Un gráfico de tu blog. » BlogMundi says: 06/05/2006 at 5:50 am

[…] gris: el resto de las etiquetas Via: Problogger […]
Mr Butterscotch says: 06/05/2006 at 8:53 am

Is this actually of any use? It’s very cool to watch but is surely just a bit of fun. I love how it still ‘waves’ at the end. A lovely little thing. It’ll be interesting to run my blog through it a few times as it grows…
gizo says: 06/05/2006 at 10:04 am

Mr Butterscotch – That’s the same question they asked Picasso when he invented Cubism…. ;)
But seriously, compare problogger’s graph with something like ebay or amazon.com. Everything should be pretty, at all levels…..
Gotta Have One » Archives » My Website As A Graph says: 06/05/2006 at 11:05 am

[…] This is cool. I found this nice tool while reading through Problogger today. It’s a nice little java thingy that translates a webpage into a funky looking graph. Have a look at what GottaHaveOne.net looks like: […]
FollowSteph.com » LandlordMax And FollowSteph as Graphs says: 06/05/2006 at 2:07 pm

[…] Today’s entry is very different than usual. I came accross a website graph of Problogger.net today that was generated with Websites as graphs – an HTML DOM Visualizer Applet. It was unique and interesting enough that I generated one for each of LandlordMax.com and FollowSteph.com which you can find below: […]
Hock says: 06/06/2006 at 12:22 am

Great find, Darren. I played around with this tool and am enjoying watching the colorful graphs unfold. It’ll make a nice stress reliever.
Gargles.net Map at Gargles says: 06/06/2006 at 12:52 am

[…] [ Thanks ProBlogger ] […]
Paul Westbrook says: 06/09/2006 at 4:08 pm

This is pretty cool. Unfortunately, it looks like it doesn’t follow links, but just the html on first page. I think that would be a neet graph to see all of the links on a site.
Paul's Time Sink says: 06/09/2006 at 4:29 pm

Websites as graph….

I think that it would be cool if this script actually followed links, to build a graph of the whole site….
Graphite says: 06/16/2006 at 2:44 pm

Hey dude, that’s really interesting, nice work. :)
Comic says: 08/01/2006 at 9:47 pm

Hey there graphite, interesting website you have there, really funny.