2006-05-29: Websites as graphs
erasmus www comune ponsacco it recetas de comidas lmax wwwariafrittait porno poker per nokia 6600 ufficio trezzano naviglio macchine digitali acer immagini calendari asti carta nike air max donna mappa stradale dublino stampanti hp multifunzione hot parade summer 2004 www lun com mickael jackson foto 2004 asus a8ne anna gaddes bimbi settore giovanile esordienti dizionario medico www vodaphone it la freccia sulla croce dragosta din tei haiducci elmira danilo montero ultimo cd tiziano ferro x600 pro carisma registratore professionale router wireless adsl con firewall nokia 6680 imaging smartphone bikinis picture gioco orsi real amateur yopal racconti animalsex olimpus e 10 aminoacidi combatimenti imetec scope elettriche edit pif hillsong lyrics israele ristorante campeggio tavolo ritorno al futuro 2 nec cell tiamat antonio fiorano www edelweiss it tu solamente tu michael vieth video on line journalism www shakespear ricciardi franco motivatori adattatore usb 2 0 pedron nuda ravvedimento operoso sala convegno asus p5gd1 pro bundle musei archeologici anna e luca carmaghedon hard disk interno 250 help me eugenia grandet sha ross nelly feat kelly rowland toner lexmark e321 12a7400 sales training reflex digitali konica musica scaricabile saeco comfort lan yu dieci secondi per fuggire scheda grafica officina zoe testi pannello giardino bmw 320 d touring pro evolution soccer 4 modificato ps2 estrazione dna cartoni animati musica sigla teenage dirtbag wheatus termoretraibile ie 6 0 scarica www prima categoria calcio i patrizi gabriele paolini email gratuita panasonic macchine fotografiche digitali pickup chitarra canon laser lbp5200 film la famiglia adams tubi gomma temperatura un certo giorno hub usb da 1 1 a 2 0 cp arredo giardino mobili saeco magic espresso trovare donne disponibile tiziano ferro free culture beat poeta e contadino la coq sportif depilatori satinelle antony candy nortek webcam 100 digitale usb comand tiburon monica roccaforte nuda finepix s 7000 dee jay tv bull durham piratage code tps kledy irene nonis ultraiso marilyn manson canta per cold fear midi elisa electricity www livos it sito di victoria silvested la canzone del deserto miriam hopkins sindacato del porto incoronata lodi no pressure over cappuccino eamon video get down dei backstreet boys offerta lavoro europa lesbian games online provincia di pescara monaco baviera albergo hitoria del derecho mexicano violette imperiali il demone sotto la pelle www nero express 6 it fz5 racconti immorali www gandalf it offerta regali lecce sweet simphony orologi crono peliculas cantinflas bakelite scanner konica minolta ml 320 cdi homa hotel candia idesata converter foto annunci uomini carpenterie metalliche videogioco erotici i grandi nemici di roma antica tvbs monitor lcd 8 pollici raniero panzieri libri fuori di testa panasonic sc dt310 www regione vda it ona on software linux suse 9 3 quanti amori midi gigi d alessio isola di capo verde nissan terrano usato montagne verdi marcella bella english google ventola intel saldatori in alluminio porfiria it sunerie per nokia 3410 programma per scaricare film usb com lg 17 pollici lcd caccia alluomo desiderativo relisys tl766 robot pulizia pc notebook compaq presario decoder mpg2 ptty dvd best www ps2cheats com hotel villa claudia augusta moda elegante pelu fissura brasile calcio ironici dolori basso ventre cerca te hard disk maxtor 160gb canon ef 400 carrello frutta xena www m jackson com www h l x com unnao pst toshiba l10 the blu it la tierna
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
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