Art from code - Generator.x
Generator.x is a conference and exhibition examining the current role of software and generative strategies in art and design. [Read more...]

HTML and markup languages like XML describe documents as hierarchies of tags, in what is called a Document Object Model. This structure can be visualized as a graph.

Websites as Graphs (by Sala of takes a web page URL as input, and outputs a graph of the underlying HTML structure. Used on any large content site like CNN or BoingBoing, it reveal the underlying logic of presentation used to build those pages. Related information form clusters, with color codes revealing a tendency towards table- or CSS-based design (the former being a no-no, obviously) as well as density of images, links etc.

While the graphs make for interesting images, it is still hard to make hard and fast assumptions about the page in question only by looking at the graph. But a well-structured document will always reveal itself as such, as will badly-structured documents. Websites as Graphs should be of interest to anyone who has tried to define a page structure, particularly if that structure conforms to the current CSS-based ideal of “logic-not-presentation” style of web design.

The source code for Websites as Graphs is freely available for download. It was built with Processing, using the Traer.Physics and HTMLParser.

Update: Markavian has hacked up a remix version which allows you to browse the tag structure interactively and even follow links to new documents. To use it, point your browser to a URL in the following format:

“” should obviously be replaced with whatever URL it is you want to explore.

Relevant links:

33 Responses to “Websites as Graphs”
1. We need money not art, June 5th, 2006 at 11:06

Websites as Graphs

Sala: Websites as Graphs – Graph of / Flickr: websitesasgraphs tag
HTML语言和像XML一类的结构化语言会把文件注释为标签的分层体系,这种体系被称为一个Document Object Model(文件对象模型)。这个…

2. Ageless Male Review, April 25th, 2013 at 14:04

Heya i’m for the primary time here. I found this board and I to find It really helpful & it helped me out a lot. I hope to offer one thing back and help others such as you aided me.

3. fundraiser, May 15th, 2013 at 09:05


[...]Generator.X blog » Blog Archive » Websites as Graphs[...]…

4. Official source, July 13th, 2013 at 04:07

Incredible! This blog looks exactly like my
old one! It’s on a completely different subject but it has pretty much the same layout and design. Outstanding choice of colors!

5. moteur pour volet roulant, July 26th, 2013 at 05:07

I like the helpful information you provide in your articles.

I’ll bookmark your weblog and check again here regularly. I am quite certain I will learn many new stuff right here! Good luck for the next!

6., October 18th, 2013 at 16:10

This company has been in business for a good while also, and you can start
with a 30 day free trial to see if you like the program and if it
fits your scheme of things. It’s cordless as well,
which makes vacuuming a little more fun as kicking a cord around
can be quite a pain if you know what I mean.
This is also a fun and exciting way to discover new things and meet
new people.

7. na tej stronie, December 15th, 2013 at 18:12

Biologia dla gimnazjum sprawdzian

8. Ferias na Praia, December 26th, 2013 at 23:12

Ótimo, me fez aprender mais a respeito disso.

9. websites for dentists, January 2nd, 2014 at 23:01

I love it when folks get together and share views.

Great site, continue the good work!

10., January 8th, 2014 at 05:01

Finne ωay оf explaining, and fastidious piece оf wriiting tο get data аbout my presentation focus, ωhich i аm gοing
tο convey in academy.

Аlso visit mу weblog … james patterson books

11. xxl wall art, January 17th, 2014 at 13:01

You’re so cool! I do not believe I’ve truly read through something like that before.

So nice to discover another person with unique thoughts on this
topic. Really.. thank you for starting this up. This site
is something that is needed on the web, someone with a bit of originality!

12. Deana, January 23rd, 2014 at 05:01

These are actually great ideas in about blogging. You have touched some nice points here.
Any way keep up wrinting.

Here is my page: call of duty ghosts multiplayer crac, Deana,

13. Jesenia, January 28th, 2014 at 23:01

Һello!,I love yoսr writing ѵery mսch! share wе be iո contact mоге about your post on AOL?

I ոeed an expert on this space tօ solve mу
рroblem. Μaybe that’s уօu! Lοoking ahead to see yoս.

Ηere iѕ my website :: car advertising (Jesenia)

14., January 28th, 2014 at 23:01

Ӏ drop a comment wheո I еspecially enjoy а post on a website ߋr if
I hаve sօmething to valuable tto contribute tο thе discussion.
Uѕually іt is a result off thhe passion displayed in tthe
article Ι read. And οn this article Generator.X blog Blog Archive
Websites ɑs Graphs. I wass moved еnough tο post a thoսght ;-) I ddo have 2 questions foг you iff it’s оkay.
Coսld iit bee oոly me oг do a feԝ of these remarks
appear lіke written Ƅy brain dead folks? :-P And, if you aгe
writing at other social sites, Ӏ would lіke too kеep
սp ԝith anything new you haave to post. Ԝould yoս make a list еveгy оne
of alll yoսr communal ƿages like your Facebook page,
twitter feed, օr linkedin profile?

Feel free tо visit mƴ web blog: ball gowns (

15. sight Singing Exercises, February 10th, 2014 at 00:02

I quite like reading an article that will make men and women think.

Also, many thanks for allowing for me to comment!

Take a look at my site: sight Singing Exercises

16., February 11th, 2014 at 22:02

Career as a PsychologistIn the year 1895, at the beginning, but beware that you do not agree,
pause for a moment, you will connect yourself with it and get psychologist zionsville indiana you the
same. Once awakened not only can bring tremendous physical health and makes
you more stronger and healthier in all the psychological departments, were pointing
towards one man — and he did very well in his academics.

17. Download Pokemon X Y, February 15th, 2014 at 14:02

Every weekend i used to pay a visiit this site, because i waht enjoyment,
for the reason that this this site conations in fact nice funny
data too.

18. Xbox Music Pass, February 21st, 2014 at 19:02

I think everything published was very reasonable. However, consider this, what if
you composed a catchier post title? I ain’t saying your information is not solid,
but suppose you added something to maybe get people’s attention?
I mean Generator.X blog Blog Archive Websites as Graphs is a little vanilla.
You might peek at Yahoo’s home page and see how they create post headlines to grab people to open the links.

You might try adding a video or a picture or two to get people excited about everything’ve written.
Just my opinion, it could make your posts a little bit more interesting.

My web page; Xbox Music Pass

19. Hack Kings Road, March 24th, 2014 at 10:03

It’s hard to find educated people on this topic, but you sound like you know what
you’re talking about! Thanks

My blog: Hack Kings Road

20. internet business, March 31st, 2014 at 23:03

Howdy! This is kind of off topic but I need some help
from an established blog. Is it very difficult to set up
your own blog? I’m not very techincal but
I can figure things out pretty quick. I’m thinking about making my
own but I’m not sure where to begin. Do you have any tips or suggestions?

21. riot points hack, April 1st, 2014 at 21:04

We stumbled over here by a different web address and thought I might as well check things
out. I like what I see so now i am following you.
Look forward to looking at your web page again.

My website: riot points hack

22. mobile games cheats, April 6th, 2014 at 07:04

I needed to thank you for this great read!! I absolutely loved every little bit of it.
I have got you bookmarked to check out new
stuff you post…

23. telecharger pdf creator, April 20th, 2014 at 18:04

Greetings from Colorado! I’m bored to death at work so I decided to browse
your website on my iphone during lunch break. I
enjoy the information you present here and can’t wait to take a look when
I get home. I’m surprised at how fast your blog loaded
on my mobile .. I’m not even using WIFI, just 3G ..
Anyhow, superb blog!

Look into my blog … telecharger pdf creator

24. download for no good reason, April 23rd, 2014 at 12:04

Hey! Do you use Twitter? I’d like to follow you if that would be okay.

I’m definitely enjoying your blog and look forward to new

Also visit my page – download for no good reason

25. rea, May 22nd, 2014 at 13:05

Hmm it looks like your blog ate my first comment (it was
super long) so I guess I’ll just sum it upp what I wrote and say, I’m thoroughly enjoying your blog.
I too am an aspiring blog blogger but I’m still new to everything.

Do you have any suggesyions for newbi blog writers?
I’d certainly appreciate it.

26. New York Florist, May 28th, 2014 at 20:05

I know this web page offers quality based content and additional stuff, is there any other site which provides such data in quality?

Also visit my weblog … New York Florist

27. Christel, June 4th, 2014 at 00:06

It made manufacturing safe, easy, productive and rewarding in general.

Soldering methods vary when used to connect components of printed circuit boards for an assembly to be possible.
Processing of PCB: As a matter of fact, the making of Printed Circuit Boards is a multi-level process where every step requires some special attention.

28. mini games, June 14th, 2014 at 11:06

Excellent items from you, man. I’ve bear in mind your stuff previous to and you are simply too magnificent.
I really like what you’ve got right here, certainly like what you are stating and the way in which
by which you say it. You make it entertaining
and you still care for to stay it smart.
I cant wait to learn far more from you. This is really
a wonderful site.

29., June 24th, 2014 at 13:06

Hello there, I discovered your website by way of Google at the same time as
looking for a comparable matter, your website got here up, it looks great.
I’ve bookmarked it in my google bookmarks.
Hi there, simply was alert to your blog thru Google,
and located that it is really informative. I’m going to watch out
for brussels. I will appreciate when you
proceed this in future. Numerous other people will likely be benefited from your writing.

30. Un Compte Pirater Facebook, July 8th, 2014 at 12:07

Quality content is the key to interest the viewers to go to see the web page,
that’s what this web page is providing.

Feel free to surf to my web-site Un Compte Pirater Facebook

31. get rid of zits, July 16th, 2014 at 04:07

get rid of zits…

Generator.X blog » Blog Archive » Websites as Graphs…

32. wifi hack, July 22nd, 2014 at 16:07

Very good post. I will be facing a few of these issues as well..

33. clash of clans, August 1st, 2014 at 11:08

I do accept as true with all the ideas you’ve presented in your
post. They’re very convincing and can definitely work. Nonetheless, the posts are too brief for novices.
May you please lengthen them a little from next time?
Thanks for the post.


You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Recent comments
Jonathan McCabe (Psychedelic cells are fruit of Alan Turing’s equations | The Today Online)
Websites as Graphs (clash of clans)
Generator.x 3.0: Documentation and aftermath (forex trading strategies wikipedia)
United Visual Artists (Plumbing Repair Service)
Third Iteration – Papers & Artists Talks (βοτανα για αδυνατισμα)
BibliOdyssey: More musical notation (how to know how much my car is worth)
Keep those bots coming: Unrealart (