tokyoahead.com HTML visualization

With an online script, you can go and analyze the html of any website, make a tree out of it and render it as you can see on the left. What do the colors mean? Blue for links, red for tables, green for the DIV tag, violet for images, yellow for forms, orange for linebreaks, black for the HTML tag, the root node, gray for all other tags. What one can see here is that the layout used here has too many tables (although some come from the advertisings) and many links & images. When you are developing layouts, it is interesting to see how this graph develops over time to show your improvements at simplifying layouts and removing tables as layout structures. And it looks nice :-) Want to do it yourself? (via inkblot earth)