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
Haha, the little bit at the bottom left is the b5 blogroll. Good times :D
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:
What’s really cool is the animated effect as it builds. Not sure how useful this is but it’s fun.
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….. ;-)
[…] gris: el resto de las etiquetas Via: Problogger […]
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…
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…..
[…] 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: […]
[…] 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: […]
Great find, Darren. I played around with this tool and am enjoying watching the colorful graphs unfold. It’ll make a nice stress reliever.
[…] [ Thanks ProBlogger ] […]
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.
Websites as graph….
I think that it would be cool if this script actually followed links, to build a graph of the whole site….
Hey dude, that’s really interesting, nice work. :)
Hey there graphite, interesting website you have there, really funny.