728x90

JayG.org as Graph

위 그림은 웹 페이지를 파싱해서 그래프를 만들어주는 자바 애플릿을 이용하여 이 블로그를 표현한 그래프이다. 이 자바 애플릿은 Sala라는 사람이 개발했고 소스 또한 공개되어 있다. 자신의 웹 페이지를 그래프로 표현하기 위해서는 이곳에 접속하여 주소를 입력하고 그래프가 다 그려질 때까지 인내하면 된다. 그래프가 다 그려지는데 꽤 오래 걸리기 때문에 켜두고 다른일을 하는게 좋을 거다. 다른 사람들의 그래프를 보기 위해서는 Flickr’websitesasgraphs’를 찾아보면 되고 자신의 그래프에 ’websitesasgraphs’ 태그를 붙여 저장하면 동참할 수 있다.

그래프의 각 색상이 의미하는 바는 다음과 같다.

  • 파랑: 링크 (<a> 태그)
  • 빨강: 표 (<table>, <tr>, 그리고 <td> 태그)
  • 초록: <div> 태그
  • 보라: 그림 (<image> 태그)
  • 노랑: 폼 (<form>, <input>, <textarea>, <select>, 그리고 <option> 태그)
  • 주황: 개행과 인용문 (<br>, <p>, 그리고 <blockquote> 태그)
  • 검정: 뿌리 (<html> 태그)
  • 회색: 그 외

출처 : http://jayg.org/professional/web/websites-as-graphs/332/

728x90

+ Recent posts