new icn messageflickr-free-ic3d pan white
View allAll Photos Tagged websitesasgraphs

Here is a more complicated web graph

I noticed that lorenzodom does a lot of great tagging and documenting of his photos. It leads to more complexity and a more interesting photo collection

This is a snapshot of lorenzodom flickr all tags page

www.flickr.com/photos/lorenzodom/alltags/

 

He has several thousand tags amongst his 16982 photos as of 22 August 2006

 

For a comparison of complexity, see a graph of my alltags page (~ 1/4 to 1/5 as complex)

www.flickr.com/photos/brewbooks/222876313/in/set-72157594...

   

see www.aharef.info/static/htmlgraph/

  

Try a search for the tag websitesasgraphs to see some other very interesting patterns

 

I learned about this from r.rosenberger websitesasgraphs

www.flickr.com/photos/rrosie/sets/72157594152137978/

   

What do 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

  

flicker_photos_lorenzodom_alltags

 

Explore Aug 23, 2006 #189

 

My stock photography website, luwmis.co.uk , displayed as a graph using www.aharef.info/static/htmlgraph/

What do 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

What do 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

This is from a timesheet webapp i'm working on.

 

This is a page showing the month with all the projects (in a table) with a toolbar along the top.

Coincidental match between two disparate images - overlaying my websitesasgraph image over a shot taken the day before.

 

Eat your heart out Dan Brown.

A graph of the structure of the front page of lemonodor, as rendered by http://www.aharef.info/static/htmlgraph/ on 6/16/2006.

My English blog's ( blog.salehoffline.com ) graph, made with: www.aharef.info/static/htmlgraph

 

I run my English blog with help of wordpress.

What do 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 just think this is so pretty

An academic book publishers website I worked on

 

from: www.aharef.info/static/htmlgraph/

www.yaogun.com is the web's largest database of Chinese rock bands (in Japanese only). Partly translated similar articles can be found at the chaile.org/rockinchina.com wiki

 

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

 

Check it out | Do your own

Done with www.forreststevens.com/htmlgraph/

based on www.aharef.info/static/htmlgraph/ from www.aharef.info/2006/05/websites_as_graphs.htm

 

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

pink: lists -- dark pink is the UL or OL tags and lighter pink is the LI tag

gray: all other tags

This is ARGUS.net website as a graph. Thanks to www.aharef.info/.

map of the homepage of my website, www.duncancumming.co.uk

taken on May 30, 2006

My Homepage as a graph...

A page with a lot of links :-) at the right and a lot of nested tables :-(

This is my own website shown in a graphical representation. Go get yours at www.aharef.info/static/htmlgraph/

1 3 4 5 6 7 ••• 19 20