« An Ode To Windows | Main | GoogleCalc »

Anatomy Of A Blog

Via Greg Veen I came across Websites As Graphs.

LifeWithoutToastGraph

Above is a graph of Life Without Toast. Pretty crazy huh? I didn't know I had created such a behemoth ungodly mess of linkage, divs images and good ol' HTML. Give it a try for your site, watching the whole thing unfold in front of your eyes is quite mesmerising.

Also, have a look at some other images tagged with "websitesasgraphs" on Flickr, some of them are amazing.

Posted by Matt at 7PM |

Comments

I think that it is pretty, like a flower almost. Seriously!! :)

Posted by: babs | April 17, 2007 8:08 PM

Yours is pretty! Mine is boring...all yellow and gray.

Posted by: Calista | April 17, 2007 9:46 PM

Has anyone found a key? As best I can tell the HTML is black, HEAD and its children are grey (but so are lots of other things), TABLE and similar are red and DIV is green. [If I'm right about HTML, it should be very easy to match everything else up to the tree in the DOM Explorer]
My blog is a huge mess of green, my forums are big masses of red (as much as I'd prefer otherwise), and my CMS is a bit of both...

Posted by: QE | April 18, 2007 12:15 PM

Dude, when you're looking at your graph unfold, if you scroll down there's a key at the bottom. It's like this:

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

Posted by: Matt | April 18, 2007 12:26 PM

Ah, I knew it would be somewhere, thanks :-)

Posted by: QE | April 18, 2007 4:41 PM

Post a comment

JavaScript must be on.

Note you need JavaScript turned on to comment. Sorry but this is the only way we can stop the dirty filthy spammers.

You can send me an email if you are having problems.

TrackBack

TrackBack URL for this entry:
http://mt4.sevitz.net/mt-tb.cgi/2512

This blog looks totally, utterly pants in Internet Explorer. So stop making excuses and download Firefox (or even Opera or Safari) right now (unless you already have).

The Map (for newbies/stalkers)

The Twitters

    mattverso

    ( )

The Flick'red

The Stuff Wot People Said

  • Matt: I was going to suggest you Google it, but then I Googled it, and this post is at #2 on Google for "E...>>
  • Babs: What is eventech when it is at home Great pic btw! ...>>
  • Kristina: I was peeling garlic today and found several cloves that look like this. Very weird. As long as th...>>
  • Babs: I know, it's great!...>>
  • TUG: Misleading thread title of the year!...>>
  • Babs: Oh really O'Reilly, well there'd better be!! ...>>
  • Matt: The garden I WILL have, behind my house, when I have an actual house that isn't a "dooplex". In o...>>
  • Babs: Ahem...what garden? :)...>>
  • Babs: Me too kind of. It's just mildly a pain in the arse at times. ...>>
  • NKV: I wouldnt even allow that in the garden shed. :-P...>>
  • Matt: Personally, I'm liking the bangs....>>
  • Babs: Aren't they just!? I was looking at them for three months while I was travelling around Australia, a...>>

The Linkery Dumpage

I Am Deliciousness

The Reader Feeds

The Search Box of the Toast


The Crap

Irish Blogs Irish Bloggers Dublin Blogs Blog Directory - Blogged Opera Mini no-www.org DRM is DefectiveByDesign

The Email Thingy

Life Without Toast At G-mail Dot Com (or something similar)

The Hyperspace Drive

The Automatic Geek System

  • Geek Support, fixing of bugger-ups, moral support, code splicing, tech. administration, whining, über-nerdery and fetching of fluffy coffees by
  • s e v i t z d o t c o m, PIA, PHP, CBATG.

The Copyright

Creative Commons License
This weblog is licensed under a Creative Commons License. Please don't steal my/our stuff. Or if you are going to use our stuff, please link back or credit us. If you don't you are VERY NAUGHTY and will have to be PUNISHED.