website structure graphs

KingMob · Post by **KingMob** » Sun Jun 11, 2006 2:27 am

Apols if corn, found this graph-generator that lets you see the structure of websites in like, colours and circles and lines and things...

this is transfans:

the archive:

google:

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

go here:
http://www.aharef.info/static/htmlgraph/
to play with it. Watching them generate is relaxing.

Guest · Post by **Guest** » Sun Jun 11, 2006 4:23 pm

Web pages as molecules, not corn at all!

I'd post one on here, but the page I chose happens to be quite busy in terms of tags, and is still being drawn after 20 mins!

Legion · Post by **Legion** » Sun Jun 11, 2006 5:57 pm

very nice!

Impactor returns 2.0 · Post by **Impactor returns 2.0** » Mon Jun 12, 2006 11:03 am

Is that the forums in the lower right of the Transfans image?

Guest · Post by **Guest** » Mon Jun 12, 2006 4:26 pm

Impactor returns 2.0 wrote:Is that the forums in the lower right of the Transfans image?

No.

It doesn't map out a website, only the DOM of an individual web page.

Mapping a website would be a most costly process, largely irrelevant for ones that are dynamic (e.g. Forums, etc.), and could take an near-infinite time if travesing links to offsite sites and not compensating for recursive traversals.

EDIT:

Believe it or not, but from what I gather from the key to the 'molecule', that cluster is actually the Site Updates section.