logo

Marking time as a diagram

Friday 9 June 2006

My sincere thanks to Marcel Salathe for his websites as graphs applet. I used it to make this beautiful diagram of the HTML tags within the Marking time index page.

The left side of the diagram represents the main content of the page - six blog posts, each made up of a cluster of links and images contained in divs.

The right side represents the right column of the page, with a dense cluster of blue dots (top-right) to signify the monthly archive links. The other dense cluster of blue and orange dots (bottom-right) signifies the subject archive links. The little cluster of yellow dots (far right) signifies the search form.

What the dot colours mean:
blue: links (the A tag)
red: table tags - none on this page
green: DIV tags
violet: images (the IMG tag)
yellow: forms (FORM, INPUT, TEXTAREA, SELECT and OPTION tags)
orange: linebreaks and blockquotes (BR, P, and BLOCKQUOTE tags)
black: the HTML tag, the root node
gray: all other tags

filed under This site
Fiona commented on 12 June 2006

On this site the writing is pleasing, the images invariably stunning, the links well judged. So why this (admittedly elegant) reductionism?

Post your comment here






Search marquis-kyle.com.au

Serendipity
Knocking off time
Mark time

Monthly archive
2010 May Apr Mar Feb Jan
2009 Dec Nov Oct Sep Aug Jul Jun May Apr Mar Feb Jan
2008 Dec Nov Oct Sep Aug Jul Jun May Apr Mar Feb Jan
2007 Dec Nov Oct Sep Aug Jul Jun May Apr Mar Feb Jan
2006 Dec Nov Oct Sep Aug Jul Jun May Apr Mar Feb Jan
2005 Dec Nov Oct Sep Aug Jul Jun May Apr Mar Feb Jan
2004 Dec Nov Oct Sep Aug Jul Jun May Apr Mar Feb Jan
2003 Dec Nov Oct Sep Aug Jul Jun May Apr Mar Feb Jan
2002 Dec Nov Oct Sep Aug Jul Jun May Apr Mar Feb Jan
2001 Dec Nov

Subject archive
Archaeology
Architecture
Collecting
Conservation
Design
Environment
Food
History
Lighthouses
Maps
Me
Photography
Prints
Ratbags
Reviews
Society
Technology
The web
This site
Tools
Typography
Words

About marking time

RSS

©
Contact me