2006-05-29: Websites as graphs

From InfoVis:Wiki
Revision as of 12:46, 12 June 2007 by OczPh4 (talk | contribs)
Jump to navigation Jump to search

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