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

my unfinished portfolio index as graph. funky

 

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

via: drawn.ca

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

 

La cosa più bella è vedere l'evoluzione mentre viene generata

Provate anche voi qui

This image was generated by the websitesasgraphs java applet and is a visual repesentation of one of the phonebook.waikato.ac.nz webpages. The thing I love about this one is the way it looks kinda like the Marburg or Ebola virus with its crazy long tail.

 

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

copyright © Mim Eisenberg/mimbrava studio. All rights reserved.

 

This is a graphic depiction of my bluebird photo.

 

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

 

Create yours here

 

Thanks to Sabinche/Sabine for the link.

 

Flickrites, unfortunately there's little chance I'll be able to visit today. I'm posting this just in case you want to play with the applet yourself. Have fun.

 

Today is National Grammar Day. Mind your p's and q's, now!

 

See my shots on flickriver:

www.flickrriver.com/photos/mimbrava/

or

See my shots on fluidr:

www.fluidr.com/photos/mimbrava

 

I invite you to stroll through My Galleries.

What the colours 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

An academic book publishers website I worked on

 

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

New client I'm collaborating on a redesign project for. This graph is a little misleading as, they have a massive, somewhat bandwidth-intensive menu being generated by javascript.

 

Map generated by http://www.aharef.info/static/htmlgraph/.

 

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

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

 

Eat your heart out Dan Brown.

Representación gráfica de K-Government.com

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 website as a graph. You can make yours here.

 

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

graph of southernfriedgoodness.blogspot.com/, which i generated using this girl's cool little applet: http://www.aharef.info/static/htmlgraph/.

 

here's what the colors mean, according to threed:

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

Another one of my sites, running Wordpress. I didn't expect this as a response - Wordpress as a mini portal app

kormmandos.multiply.com as a graph

This is variation 2

Website graph of Inflection Point

you can create those graphes at www.aharef.info/static/htmlgraph/

this one schows my Homepage http://people.freenet.de/BXT/Home/

(via Julian Schrader)

 

wow, pretty many tables =))

See Websites as graphs. Key [ibid]:

 

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

 

A visualisation of my blog, generated by the wonderful web sites as graphs. I'd suggest having links to each page when you hover over a dot. Via Marilyn

1 3 4 5 6 7 ••• 54 55