Pretty HTML Graphs

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). ...

Permalink

NSLog();
/

Websites as Graphs

This image (below) shows how NSLog(); looks as a graph wherein different page elements are assigned colors and the nesting determines the graph. It's explained more thoroughly here , and you can create your own graph at this page . ...

#

NIXON*NOW
/

Let's See Your Tag Graph (26 May 2006)

NIXON*NOW as Tag Graph . Originally uploaded by NIXON*NOW .

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. ...

#

Puzzlepieces
/

Aharef: Websites as graphs

Aharef: Websites as graphs - neat visualization. Via Tufte

#

canspice.org
/

The graphical canspice.org

Webpages can be visualized in many ways. The two most obvious are through its rendered product (being what you see when you view it in a web browser) or through its source code. But given the tree-like structure of HTML documents, it should be possible to visualize a webpage as a graph . ...

#