2006-05-29: Websites as graphs

meridia wwe ringtones phentermine online xanax online hydrocodone online zanaflex online free ringtones didrex online free real ringtones buy fioricet diazepam online cheap rivotril cheap ativan free sonyericsson ringtones free sagem ringtones verizon ringtones free sharp ringtones ortho online wellbutrin online valium nexium online free tracfone ringtones sony ericsson ringtones free cool ringtones zoloft motorola ringtones free qwest ringtones samsung ringtones free nextel ringtones celexa online ericsson ringtones free midi ringtones cheap tenuate cheap levitra cheap adipex free punk ringtones propecia online albuterol online alprazolam online viagra online tramadol online sony ringtones ambien online funny ringtones hgh online polyphonic ringtones cialis online nokia ringtones but flexeril online norco cheap ultracet carisoprodol online free kyocera ringtones clonazepam online cheap pharmacy online cyclobenzaprine online cheap ultram cheap lisinopril xenical online zyban online mono ringtones lorazepam online sprint ringtones cheap lipitor prozac online free music ringtones hoodia online online vigrx diethylpropion online but lortab vicodin online mtv ringtones free alltel ringtones cheap soma free jazz ringtones cheap sildenafil cheap paxil free mp3 ringtones cheap clomid cingular ringtones

Website as graph
Structure of http://www.infovis-wiki.net
[Aharef, 2006]

Everyday, we look at dozens of websites. The structure of these websites is defined in HTML, the lingua franca for publishing information on the web. Your browser's job is to render the HTML according to the specs (most of the time, at least). You can look at the code behind any website by selecting the "View source" tab somewhere in your browser's menu.
HTML consists of so-called tags, like the A tag for links, IMG tag for images and so on. Since tags are nested in other tags, they are arranged in a hierarchical manner, and that hierarchy can be represented as a graph. I've written a little app that visualizes such a graph, and here are some screenshots of websites that I often look at.

I've used some color to indicate the most used tags in the following way:

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

[Aharef, 2006]

Details: http://www.aharef.info/2006/05/websites_as_graphs.htm

References

[Aharef, 2006] Aharef Weblog, Websites as graphs, Created at: May 25, 2006, Retrieved at: May 29, 2006, http://www.aharef.info/2006/05/websites_as_graphs.htm