Design and marketing that sets you apart from the crowd.

Langfeld DesignConnections

Monday, May 29, 2006

Websites as graphs

Would you like to see a visual representation of your website's structure? Someone else's? Check out Websites_as_graphs and you'll see some of the best known sites on the web graphed using a Java applet on the page, created by Sala at his Aharef blog.

If you're a Flickr fan, you can check the websitesasgraphs tag to see graphs that people have created. Each one different, and beautiful.

Here's what the colors mean:
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've always thought that mathematics was a source of great beauty, and still do. Here's a great example. Thanks, Sala, for your generosity in sharing this tool with us.

And if you like conceptual art, you can support Sala's work at onethousandpaintings.com where you can buy a painting of your favorite number and support his work. I bought the one hundredth painting! The earlier you buy, the less expensive the price of the paintings. I bought my number just before the prices rose for the first time. Get yours soon, before they rise again!

Links to this post:

Create a Link