WEB2DNA Art Project

アート・プロジェクトってのが最近流行ってるらしい。
・・・最近でもないかもしれませんが、面白いのでぜひ試してみてください。

HTMLを点と線で視覚化する

Websites as Graphs

こちらはHTMLを点と線で視覚化するものです。
色には規則があるようで、秋元@サイボウズ研究所プログラマーBlog: HTML構造のグラフによる可視化によると、

  • 青: リンク (A タグ)
  • 赤: テーブル (TABLE, TR , TD タグ)
  • 緑: DIV タグ
  • 紫: 画像 ( IMG タグ)
  • 黄色: フォーム (FORM, INPUT, TEXTAREA, SELECT OPTION タグ)
  • オレンジ: 改行と引用 (BR, P, BLOCKQUOTE タグ)
  • 黒: ルートである HTML タグ
  • 灰: その他のタグ
  • と、このようになってるようです。

    websitesasgraphs.png

    詳しい解説は、Lomoさんのサイトを参考にするとよいでしょう。

    HTMLを解析してDNA風にする

    WEB2DNA

    こちらはHTMLを解析してDNA風に表示してくれるサービスです。

  • H1 is brighter than H2, which is brighter than H3.
  • TABLE is brighter than TR, which is brighter than TD tags.
  • Images and flash elements appear as 70% white.
  • New HTML tags like STRONG and EM is brighter than older ones like B and I
  • UL, OL and DL is brighter than their LI, DT, DD
  • DIV layout is brighter than table layout
  • 英語が苦手なので薄らとしか理解できないのですが、うちのサイトでは、
    dna.png

    Related posts

    Tags:

    One Response to “WEB2DNA Art Project”

    1. こども省 Says:

      [科学とアート][生体分子]「科学とアート」のリンク集作成ほか…

      2007年に取り組む仕事のキーワードの1つが「科学とアート」で,中心となるページに先日少しばかりリンク集を追加した。 科学とアート/リンク集(生活環境化学の部屋) Science & Eng…

    Leave a Reply