2006-05-29: Websites as graphs

From InfoVis:Wiki
Revision as of 06:35, 28 August 2007 by OczPh4 (talk | contribs)
Jump to navigation Jump to search

turok 2 tied calzature jfk nike - cortez registratore vocale t-logic tucano work-out large serena foto lucignolo mairo espositori depliant grimaudo la profumeria macchina caffe incanto sirius regali natale idea lg rh-7800 160 gb t28 cellulari sony ericsson buscar video eamon total strider lucki strick frigo da tavolo classe a travelmate 2350 tommi v la serenissima mp3 player card gryphon encore mujer enamorada windows xp serial number aficio 2018d la furia degli implacabili siti gratis amatoriali nudi anziani urbis voli dresda gabgbang horse fuck offerta lavoro ingegneri lg home cinema lo hare por ti nk 300 tuta sportive nonda cruise control 2 la bayadere www chicas con philips 200p6is memory quality - second part configurazione vodafone per lg incantesimi di fortuna ferrari modena canoa olimpica caligola - io caligola prodotti strutturati p5wd2-premium wifi-tv seat toledo 1.6 stella chat italiana piedras y flores offerte vacanze luce di natale stefania pelletterie srl tetta gigante perfect paz los hermanos video hombre desnudo logitech quickcam fusion il giudizio universale di michelangelo celeron d 336 centrum os 10 f 10 ml epson scanner perfection 4180 visual basic 6 tecniche di offerta cartuccia casco anni 60 trust modem usb nokia dual voltage rs-mmc aneurisma gene evans plasma 42 philips 1024x1024 hir aj come hir aj go zucchero fornaciari scanner lg 600 giochi clikka e punta audi a3 1.9tdi teddi reno jesus son lettore mp3 mustek dvb schede acquisizione e tv locandine orecchino di perla libri grazioli giocattoli uomo di colore in trio piscina rotonda t2xp l waddenzee hdd 300gb s-ata guadagna online brava casa diemme giochi scaricabili gunman series remington barba walt disney leggi e ascolta sanculamo jeep grand cherokee 2002 pettenasco date esame avvocato hit mania dance 006 gigaset s645 cordless scopa elettrica hoover a batteria volare alitalia sapphire radeon x300se video gratis por battle engine aquila plus 3 - trainer brother mfc calde notti destate facolta di psicologia padova advertising specialties swat it e morto un bischero fun sms denon pma 1500 ronan keating testi tragico destino exilim ex z55 casio fortech spigazione muri di sostegno latte in polvere aptamil 1 supporti da muro www disnay rally italia mondiale cyberspeed betsabe la vergine ribelle colin macrae rally samsung ps-42p4a foto nude ragazzi ety www vidios legais com br femme en chaleur info cccccccc europa xl nokia 3310 usati galloper pietre dure ingrosso finanziamento moncalieri san giorgio a cremano la prova del fuoco gena lee nolin video hard gli avventurieri della costa nera venditori tecnici (regione piemonte - torino provincia) video pono giannini fiat download ci sarai saint-gilles (belgio) ore lasputas pinna da nuoto time to rock incontro settimo torinese negozi vendita mobili afgani la commedia umana pays de la loire gigi and molly tony80 postales animadas navigatore satellitare mio 269 tito schipa cancella pagina enrico paola testo tekkaman cinque incredibili donne anti spam uol lebt denn der holzmichel noch dir en grey np-fs 31 peg perego dinamico hai voglia d phooto sex tenda casetta campeggio lumache verona perverted sentimento pravo ponte a ariagel eco www appendicite it manowar wheels of fire programmi download gratis gigas dvd r 4x agatha christie collection monica vanali oakley monster dog dekart private disk rich jeans san marco trama ragazza di bube lombrichi luogo d incontro data backup tarantelle pugliesi post 76x76 pastello natale due volte abirached, robert cruzer braun www regione

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