Blog Graph

This delicate image, which looks organic in origin, is a graph of my blog created with this applet.

You just enter your blog or web site URL and watch the graph unfold into a beautiful pattern. It reminds me of how nature follows mathematical patterns. The whorled structure of a succulent's leaves, a flower's petals, the patterns of seeds in a pinecone--all of these follow the Fibonacci numbers.

In the graph above, each color represents a particular HTML tag. According to das kaninchen ("the rabbit," in German), who uses the Fibonacci sequence in her art, here's what each color stands for:

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

I recommend that you graph your own blog. When you do, let das kaninchen know on her Flickr page, and you can also upload it to this Flickr group.