Websites as graphs
Sala: Websites as Graphs – Graph of Generatorx.no / Flickr: websitesasgraphs tag

HTML语言和像XML一类的结构化语言会把文件注释为标签的分层体系,这种体系被称为一个Document Object Model(文件对象模型)。这个结构可以被显示成一幅图画。

Websites as Graphs(作者是Onethousandpaintings.com的Sala)将一个网页的URL作为输入,而输出则是一个HTML基本结构的图像。如果把它应用于CNN或BoingBoing等任何一个大容量网站,它就会展示出被用于建设这些网页的外观的潜在逻辑。相关信息形态丛和颜色代码,展示出一个基于设计(no-no模版),以及图像、链接等的密度的,朝向图表或朝向CSS的趋势。

当为有意思的图像绘制图形时,仍很难仅仅依靠观察图形,而对正在处理的页面做出准确而迅速的设定。但是一个构造良好的文件,和一个结构混乱的文件一样,总是会将自身呈现出来。Websites as Graphs应该会引起任何一个曾经尝试定义一个网页结构的人的兴趣,特别是在这个结构和当前的“logic-not-presentation”(逻辑非呈现)网站设计风格的基于CSS的理论相一致的时候。

我们可以免费下载到Websites as Graphs的源文件。它是用Processing构建的,并使用了Traer.PhysicsHTMLParser

更新:Markavian已经开发出了一个remix版本,这个版本允许了用户互动地浏览标签结构,以及通过链接指向新文件。用法是,将你的浏览器指向一个格式如下的URL:

http://mkv25.net/applets/mkv_htmlgraph/getDataFromURL.php?url=

http://www.mysite.com/当然应该被换成任何一个你想浏览的URL。

相关链接:

Websites as Graphs的原始版本,带有来自热门网站的图形实例。
Websites as Graphs (Applet) ,在线applet(Java的程序),允许输入用户指定的URL。Flickr: websitesasgraphs tag,用户贡献的它们自己网站的图形。
One thousand paintings,Sala的出售衍生艺术品的艺术实验,艺术品的定价是依照一个基于已出售画作数量的数码表格。
Christian Riekoff: Tree。另外一个HTML分层结构可视化作品,使用了3D树型结构。

via  generatorx

One Response to “Websites as Graphs”

  1. Gary.W Says:

    恩,看到之后就喜欢上了,作者使用java实现的,我用qt将其实现,我把他称为html view
    http://garywang77.blogspot.com/2010/01/video-ab

Leave a Reply