Archive for November 7th, 2007

07
Nov

[lang_en]Web Sites as Graphs[/lang_en][lang_it]Siti come Grafi[/lang_it]

Graph of INGV Bologna site[lang_en]Web sites as graphs: enter a URL and watch the DOM unfold in real time, simulating a set of particles reaching a minimum-energy equilibrium state.Found this randomly through Flickr; visually fascinating!Start from the HTML root element (black dot) and follow through your DIVs (green dots) hierarchy, then images and links (violet and blue respectively) etc.It can be easily extended into a semantic-structure analyzer, a validation tool; add mouse-over events showing nodes’ content and you have the coolest User Interface for any DOM-inspector Firefox extension (Firebug->Inspect included).The code is there, anyone …?[/lang_en][lang_it]Siti come grafi: inserisci una URL e guarda il DOM dispiegarsi in tempo reale, simulando un insieme di particelle che raggiunge il suo stato di equilibrio.Trovato per caso su Flickr: visivamente affascinante!Partendo dall’elemento HTML (punto nero) è semplice riconoscere la struttura gerarchica dei DIV (verdi) e al loro interno immagini link etc.Potrebbe essere esteso facilmente in uno strumento per l’analisi della struttura semantica, in un validatore, o integrato come elemento di interfaccia di una qualsiasi estensione per Firefox che tratti col DOM.Il codice sorgente è disponibile …..qualcuno ha tempo e voglia ?!?[/lang_it]