Visualising Your Html Markup Via Siteograph

Here is a website graph of my blog. It’s very cool visualizer for WebSites that traverses the HTML of a page and then turns it into a pretty graph. When I first came across structured content graph last year I dismissed it as useless, but then I actually started analysing what it showed. In doing so, it colors the graph nodes based on what type of HTML element they represent: 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 tag…
It’s quite a wonderful toy, even though the Java® applet is a poor performer. It will be interesting to see the structured markup a year from now, maybe it will randomly transform into a more painterly palette. You can see a whole gallery of generated DOM graphs by looking at the websitesasgraphs tag on Flickr. Check out Siteograph: Link.















