2006-05-29: Websites as graphs

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

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

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