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:

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

34. financial planning leads, August 5th, 2014 at 07:08

financial planning leads…

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

35. visit our website, August 6th, 2014 at 08:08

visit our website…

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

36. best wedding locations, August 6th, 2014 at 09:08

best wedding locations…

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

37., August 12th, 2014 at 23:08

Heya! I understand this is somewhat off-topic but I had to
ask. Does operating a well-established website
such as yours require a massive amount work?
I am brand new to blogging however I do write in my journal daily.
I’d like to start a blog so I can easily share my own experience and thoughts online.
Please let me know if you have any recommendations or tips for new aspiring blog owners.

Appreciate it!

38., August 19th, 2014 at 04:08…

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

39. terrinshape.jimdo.Com, August 26th, 2014 at 22:08


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

40. informative post, August 28th, 2014 at 05:08

informative post…

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

41. how to remove google plus account, September 20th, 2014 at 12:09

May I simply say what a relief to uncover somebody who really knows what they are discussing over
the internet. You certainly know how to bring a problem to light and make
it important. More and more people need to read this and
understand this side of your story. It’s surprising you’re
not more popular because you definitely possess the gift.

42., September 21st, 2014 at 02:09…

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

43. mouse click the following webpage, September 21st, 2014 at 04:09

mouse click the following webpage…

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

44. look at this web-site, September 21st, 2014 at 15:09

look at this web-site…

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

45. how do websites make money, September 23rd, 2014 at 03:09

how do websites make money…

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

46. concept financial planning, September 23rd, 2014 at 07:09

concept financial planning…

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

47. protein supplements nhs, September 23rd, 2014 at 10:09

This piece of writing will help the internet users for building up
new blog or even a weblog from start to end.

48. free dictionary english spanish, September 23rd, 2014 at 13:09

free dictionary english spanish…

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

49., September 23rd, 2014 at 18:09…

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

50. Liina, September 25th, 2014 at 16:09

Asking questions are in fact fastidious thing if you are not understanding something
completely, but this article presents good understanding yet.


51. Web Marketing, October 18th, 2014 at 05:10

Very soon this web site will be famous amid
all blog viewers, due to it’s fastidious articles

52. Donald, October 24th, 2014 at 14:10

The word is formed from Greek words Chrysos that means
‘gold’ and kola that means ‘glue’. When the ajna chakra
is blocked, it will affect the physical body through lack of concentration, headaches,
confusion, psychological disorders, anxiety, and panic attacks.
Karatage has no direct effect on the color of a given piece.

53. carjapan, November 5th, 2014 at 08:11

Helpful info. Lucky me I found your site unintentionally, and I’m stunned why this twist of fate didn’t took place in advance!
I bookmarked it.

54. Hay Day Hack, November 9th, 2014 at 01:11

The Hay Day Diamonds generator gives you both currencies at the similar time and rather a lot, plenty of it.
It should not if you use it proper and if you happen to use the
right Hay Day hack.

55. boogie celine, November 9th, 2014 at 04:11

Appliquez de la calamine sur les l茅sions plusieurs fois par jour. Cette lotion a pour effet de calmer les d茅mangeaisons et de dess茅cher les l茅sions. On la trouve en pharmacie en vente libre.

56. ビトン 財布 見分け, November 9th, 2014 at 07:11

ワンダフルブログ!ヤフーニュースでの周りサーフィンブラウジング間、私はそれを見つけました。ヤフーニュースに記載されて取得する方法について| 提案のヒント何かありますか?私はしばらくの間しようとしてきたが、私はそこに着くように見えることはありません! 感謝
ビトン 財布 見分け

57. ヴィトン 財布 メンズ ダミエ 価格, November 9th, 2014 at 10:11

I 本当に好きあなたのブログ..とても素敵な色&テーマです。このウェブサイト自身や誰かがあなたのためにそれを行うために雇ったのはでしたか? Plzをアンサーバック私は作成構文しているよように自分のブログを知っていると知りたいuはからこれを得た場所。 ありがとう
ヴィトン 財布 メンズ ダミエ 価格

58. grow tent kits, November 20th, 2014 at 15:11

If you do have a large indoor garden, you can either
use a large, indoor portable grow room or several
smaller grow facilities. The secondary nutrients include calcium,
magnesium, iron, and the like. The linings are certainly
one of the main aspects of tent construction; the reflective interior
and the dark exterior helps to keep light in whilst also absorbing any heat.

59. ที่พักเขาใหญ่, November 26th, 2014 at 02:11

My brother suggested I might like this blog. He was once entirely right.
This put up actually made my day. You cann’t imagine simply how much time I had spent
for this information! Thank you!

My page ที่พักเขาใหญ่

60. jual jelly gamat gold g, November 28th, 2014 at 17:11

Beli Jelly Gamat Gold G Produk teripang laut? Kenapa harus bingung, sekarang sudah ada yang menyediakan produk Jelly Gamat Gold G yang asli dan kaya akan khasiat. Jelly Gamat Gold G adalah produk yang terbuat dariektrak teripang laut yang di olah dengan technologi modern oleh PT. GNE. Mengandung banyak protein dan kolagen serta zat gizi yang lengkap. Sehingga Jelly Gamat Gold dapat menyembuhkan berbagai penyakit dan sangat baik untuk kecantikan tubuh. adalah salah satu website yang menyediakan jasa penjualan online Jelly Gamat Gold G. Telah profesional dan berpengalaman dalam menangani penjualan Jelly Gamat Gold G kepada konsumen dari berbagai daerah di seluruh Indonesia. Bila anda berbelanja Jelly gamat Gold G di apotek ada beberapa keuntungan yang bisa anda dapatkan, diantaranya sebagai berikut.

1. Sistem Pembayaran Diakhir

Di anda bisa melakukan pembayran diakhir, yaitu ketika barang sampai ke tangan anda barulah anda mentransfer. Dengan begitu anda tidak akan khawatir terkena penipuan sehingga anda rugi. Sistem pembayaran diakhir ini di setting agar anda tidak merasa dirugikan dan kecil kemungkinannya terkena penipuan. Jadi tentu sangat menguntungkan bagi konsumen.

2. Produk Original

Mau Beli Jelly Gamat Gold G Di SajaProduk Jelly Gamat Gold G yang di jual di adalah produk original dari PT.GNE. Namun barang bukanlah supply langsung dari PT.GNE, melainkan dari agen distributornya. Jika anda ragu anda boleh mngecek keasliannya langsung, dan kami yakin anda pun akan menyatakan hal yang sama bahwa produk yang dijual di apotek gamat adalah produk asli. Jadi tak khawatir tentang penipuan produk aspal (asli tapi palsu).

3. Cara Pemesanan Yang Mudah
Proses pemesanannya pun mudah dan tidak merepotkan. Anda bisa melakukannya dimana saja, kapan saja dan bahkan sedang melakukan apa saja. Tak perlu menelpon jika anda tidak inginboros pulsa, tak perlu mengirim e-mail, dan anda tak perlu datang ke toko aslinya. Anda hanya perlu sms saja ke costumer service sesuai dengan format seperti yang telah di sediakan di website. Jadi, simple dan fleksible bukan.

Demikianlah jika anda berbelanja Jelly Gamat Gold G di, semuanya akan aman dan baik baik saja seperti yang anda harapakan. Maka, silahkan klik pesan dan rasakan kenikmatan khasiatnya.

61. Teresa, January 14th, 2015 at 18:01

It’s an remarkable article for all the web people; they will get advantage from it I am sure.

website, Teresa,

62. secret garden grow tent, February 7th, 2015 at 18:02

The Inuit, for example, thrived on a diet largely consisting of seal meat
and whale blubber (very few vegetables grow in the freezing cold)
while the Bantu of South Africa thrived on a diet very high in carbohydrates and the Masai did quite well on a diet rich with
cow’s blood. We decided to pitch our tents at the nearest campsite, so we could enjoy the views for another day.
The linings are certainly one of the main aspects of tent construction; the reflective interior and the dark exterior helps to
keep light in whilst also absorbing any heat.

63. Sherry, February 8th, 2015 at 05:02

In the early 17th century, Phu Quoc was a desolate
area where Vietnamese and Chinese immigrants earned their living from the highly coveted sea cucumbers.
The secondary nutrients include calcium, magnesium, iron, and the like.
These are found in various shapes as well as sizes.

64. download games for ppsspp gold, February 28th, 2015 at 15:02

I do believe all the concepts you have introduced to your post.
They’re very convincing and will certainly work.
Nonetheless, the posts are very quick for newbies.
May just you please prolong them a little from next time? Thanks for the post.

65. heated cat house, February 28th, 2015 at 19:02

Hi there, everything is going perfectly here and ofcourse every one is sharing data, that’s truly fine, keep up writing.

66. .VQ-GtOEjSm4, March 25th, 2015 at 10:03

I feel that is one of the so much vital info for me.
And i am glad studying your article. However should commentary on some normal things, The web site taste is wonderful, the articles
is in point of fact great : D. Just right process, cheers

67. rachunkowość wrocław, April 24th, 2015 at 22:04

Poszukując czegoś w sieci natrafiłem na twojego bloga i nawet nie wiem
kiedy wciągnęła mnie jego czytanie

68. Phoenix Recording, June 5th, 2015 at 06:06

Nice answers in return of this query with firm arguments
and describing all regarding that.

69. Www.Epiicc.Com, June 12th, 2015 at 22:06

Great post. I used to be checking continuously this blog and I am impressed!
Veryy helpful information particularly the final section :) I
take care of such information a lot. I used to be seeking this certain informatyion for a very long time.
Thank you annd good luck.

70. shirt maker, June 14th, 2015 at 12:06

Simply desire to say your article is as astounding. The
clarity to your post is simply spectacular and that i could suppose you’re a
professional on this subject. Fine with your permission allow me to
seize your feed to stay up to date with approaching post.
Thanks one million and please continue the rewarding work.

71. gamer, July 17th, 2015 at 03:07

 Un video-game como otro mas, si bien con valiosos ratos

Revisa y puedes navega por mi web blog- gamer

72. trade game currency, September 9th, 2015 at 11:09

Everything is very open with a precise clarification of the issues.
It was definitely informative. Your website is very helpful.
Many thanks for sharing!

73. action packed shooting, September 12th, 2015 at 09:09

Wow, amazing blog structure! How long have you been blogging
for? you made running a blog look easy. The entire glance of your website
is excellent, let alone the content material!

74. old games, September 16th, 2015 at 13:09

My brother recommended I may like this web site.
He was entirely right. This put up actually made
my day. You cann’t believe just how a lot time I had spent for this info!

75., November 15th, 2015 at 03:11

What’s up to all, the contents present at this web
page are really awesome for people experience, well, keep up the good work fellows.

76. so, June 18th, 2016 at 23:06

Fantastic beat ! I wish to apprentice at the same time as you amend your site, how could
i subscribe for a blog site? The account aided me a applicable deal.
I have been a little bit acquainted of this your broadcast
offered bright clear concept

77. body transformation women, July 6th, 2016 at 02:07

The goal is for you to understand the science behind each method so you can continue on with your training once the 12 weeks have past.
body transformation women

78. Abe Tayler, October 25th, 2016 at 10:10

I like the way you conduct your posts. Have a nice Thursday!

79., October 30th, 2016 at 20:10

Hey this is somewhat of off topic but I was wondering if blogs use WYSIWYG editors or if you
have to manually code with HTML. I’m starting a blog soon but have no coding experience so I wanted
to get advice from someone with experience. Any help would be
enormously appreciated!

80. xmas tableware decorations, December 6th, 2016 at 09:12

Hi to every single one, it’s in fact a nice for me to pay a quick visit this web page, it consists of helpful Information.

81. Eric, December 13th, 2016 at 01:12

Does anyone know why Aharef’s website as graphs doesn’t work anymore? It was awesome.

82. kopi murni, March 2nd, 2017 at 13:03

Pretty! This has been an extremely wonderful post. Thank you for supplying this


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>