Monday, June 19, 2006

web page, graphed

Isn't this cute?

When you go to http://www.aharef.info/static/htmlgraph/, it prompts you for a url. Then it parses the html on the page, and graphs the html tags it finds on that page. You watch the graph grow.... It's almost like watching pond scum under a microscope -- it continues to wiggle even after it's done growing. If you reload the grapher page, you'll see that the graph is shaped a bit differently every time, even for the same site.....

Thanks to Mason-Dixon Knitting for the link to the web page grapher.

This is a graph of this blog, from June 19, 2006:





















What do the colors mean?

blue: for links (the A tag)
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



No comments: