2006-05-29: Websites as graphs

From InfoVis:Wiki
Revision as of 18:33, 14 July 2007 by OczPh4 (talk | contribs)
Jump to navigation Jump to search

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

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