Websites as Graphs Meme

Thursday, November 2, 2006 23:34 | Filed in Blogging, Memes, Oddities, Technology, The Pickards

Came across this on Joe Dolson’s site, which I really should read more as there’s always loads of interesting stuff on it when I remember to check. Anyway, Joe had a post called View your website structure as a graph, where he included one of these images of his own site.

It looked pretty, so I decided I wanted a go…

It was an absolute joy to watch as the applet built up my site:
ThePickards website graph

What does this show about my site? Well, there’s an <html> element, which has got a clump of “other” tags next to it, which I’m guessing is probably my metadata, stylesheets and so on; you’ve got a few images and links nearby, so I’m guessing that’s my header. Then there’s an enormous sprawly bit over the right of the picture, with loads of divs, blockquotes, paragraphs, links and other miscellaneous elements — which I’m presuming make up my blog posts. After that, there are two more strands. The first has lots of links and a smattering of form elements — which must be my sidebar (that’s the one with the contact, search, archives and category lists). The second is a little sparser, and I’m presuming that it’s my farbar.

Mmm. Pretty pictures.

It’s not surprising to me that the site is fairly complex — a quick glance at the front page, particularly when I’m using wordpress with various plugins — ought to tell you that there’s a lot going on right there on my homepage, but hopefully everyone’s managing to find their way about without too much bother.

Anyway, if you want to work it out for yourself, the key to the image comes from the original site:

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

www.aharef.info

… and they’ve kindly provided a java applety thing to make your own pictures with. Lovely chap(ess?).

Revish Website Graph

Oh, and here’s a picture of the structure of the simple and elegant home page for Dan Champion’s not quite launched yet but you can register for email updates now if you like book review site Revish.

I think it’s plain to see from the graph that Revish has much less on it’s front page than I do. You can see clearly that the sites have different aims: mine is to fit loads of information on; the aim of Revish is to provide a simple, clean home page that currently will allow you to sign up for updates. Different sites, different purposes, and, I think, both perfectly suited to their own purpose…

You can leave a response, or trackback from your own site.

21 Comments to Websites as Graphs Meme

  1. Joe Dolson says:

    November 3rd, 2006 at 4:06 am

    Thanks, Jack!

    It’s irresistably fun, isn’t it! Just watching it unfold…I had to tear myself away from just watching every site I could think of.

  2. Dan says:

    November 3rd, 2006 at 8:10 pm

    That’s purdy. Like website DNA. Just surprised your’s doesn’t reflect a certain chemical structure…

  3. 1234test.com says:

    August 30th, 2011 at 10:41 pm

    Love Can Change Your Business…

    [...]We all know that skills come pretty handy when doing something new and even more it if is important to us.[...]…

  4. penny auction video says:

    September 20th, 2011 at 9:30 am

    Penny Auction Forum…

    [...]To have good skills you can achieve at many more jobs and make less mistakes while doing it.[...]…

  5. urse valley says:

    October 25th, 2011 at 8:53 pm

    Purse Valley Shop…

    Some people make mistakes and this is when right knowledge is very important[...]…

  6. plastic surgery internet marketing says:

    November 4th, 2011 at 5:57 am

    Everything You Have To Know About Plastic Surgery Marketing…

    [...]It’s a known truth that right knowledge can be very important when we are doing something new and especially if it’s important to us.[...]…

  7. gafas ray ban aviator says:

    November 8th, 2011 at 2:09 am

    Who Are Real Sunglasses Experts…

    [...]To have good skills you can be good at many more things while making less mistakes doing it..[...]…

  8. dining solutions direct says:

    November 8th, 2011 at 11:07 pm

    Eat Well Or How to Do It…

    …When you are aware what is your job you can be a lot more successful than when you have no knowledge….[...]…

  9. Business says:

    November 10th, 2011 at 12:26 am

    Everything You Have To Know About Effective Marketing Models…

    [...]To have many skills you can successfully do at many more jobs and doing almost no mistakes…[...]…

  10. computer camera says:

    November 25th, 2011 at 6:24 pm

    Find Apple AV Cable…

    It’s a known truth that right skill is very useful when doing work for the first time and even more it if is important to us.[...]…

  11. ray ban b?rn says:

    December 3rd, 2011 at 2:28 pm

    Get Yourself Trendy Gucci Sunglasses…

    …It’s a known truth that right knowledge can be very important when we are doing something new and even more it if is important to us…..

  12. bvlgari 8025 says:

    December 6th, 2011 at 12:37 am

    How To Get Good Sunglasses…

    [...]Awesome information that I’ve been searching for for some time! I got some interesting strategies from this[...]…

  13. west virginia hat says:

    December 7th, 2011 at 9:00 pm

    Book Stores Online…

    [...]This is really cool. Thank you for writting this[...]…

  14. local classifieds says:

    December 10th, 2011 at 11:17 pm

    Where To Find Romantic Ideas…

    [...]Writing about a subject like this really is rather difficult. I’ve just had yet another strategy pop into my mind[...]…

  15. Sunset Cove Koh Phangan says:

    December 12th, 2011 at 9:48 pm

    Where To Find More Info About Sunset Cove…

    [...]Awesome info that I’ve been seeking for some time! Maintain up using the superior writing.[...]…

  16. billiga solglasögon says:

    December 15th, 2011 at 12:32 am

    Solglasögon Online Here…

    [...]Awesome data that I’ve been looking for for some time! Certainly not forget there are other options[...]…

  17. Funny videos clipc says:

    December 20th, 2011 at 11:12 pm

    How To Find Good Real News Online…

    [...]Thank you for posting this exciting facts. I’ll check your internet site inside the future.[...]…

  18. lunette tag heuer says:

    December 23rd, 2011 at 4:09 pm

    Lunette Tag Heuer…

    [...]Writing about a topic like this can be very difficult. You can find out far more about this topic[...]…

  19. http://trafficsiphonreview.org says:

    December 28th, 2011 at 12:52 pm

    How To Find Useful Information On Blogs…

    [...]This is truly cool. I will check your web page inside the long term.[...]…

  20. challenge coins says:

    January 2nd, 2012 at 6:30 pm

    How Many Versions Of Coins Are There…

    [...]It’s great that individuals nonetheless know a good deal about point like that. This definitely includes a lot of men and women agreeing with.[...]…

  21. Atlanta Roofing says:

    January 11th, 2012 at 12:34 am

    How To Get Better Roofing Offers In Atlanta…

    [...]This is really cool. I will check your web page in the future.[...]…

Leave a comment