HTML (HyperText Markup Language) 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.
Via YARGB [1], “Websites as graphs [2]”
He's even made the applet available [3] for use. It's pretty cool. Here's the structure of my homepage [4]:
[Graph of http://www.conman.org/people/spc/] [5]
A fairly simple structure, and that grey blob in the upper left hand corner is the <HEAD> section with all the metadata for the page. For comparrison, here is The Boston Diaries [6]:
[Graph of http://boston.conman.org/] [7]
And again, that grey blob in the lower right hand corner is the <HEAD> section, with the multitude of metadata. This page is still well structured, but with a lot more content.
It's a pretty cool app.
[1] http://yargb.blogspot.com/2006/05/websites-as-graphs.html
[2] http://www.aharef.info/2006/05/websites_as_graphs.htm
[3] http://www.aharef.info/static/htmlgraph/
[4] http://www.conman.org/people/spc/
[5] /boston/2006/05/30/graph.conman.org.png
[6] https://boston.conman.org/
![[5] /boston/2006/05/30/graph.conman.org.png](/gemini.conman.org/boston/2006/05/30/graph.conman.org.png){kind=link}
![[7] /boston/2006/05/30/graph.boston.conman.org.png](/gemini.conman.org/boston/2006/05/30/graph.boston.conman.org.png){kind=link}