lovesera: ART of VIRTUE

[시각화] IBM Many Eyes 를 이용한 트리맵 만들기 본문

놀이와 만들기

[시각화] IBM Many Eyes 를 이용한 트리맵 만들기

일상예술가 2009. 4. 26. 15:15

IBM 의 Many Eyes 는 다양한 형태의 차트와 다이어그램을 만들고
공유할 수 있는 자바 기반의 시각화(Visualization) 서비스입니다.
http://manyeyes.alphaworks.ibm.com/manyeyes/

다음과 같이 다양한 시각화가 가능합니다.


개인적으로 흥미 있는 것 중 한가지는 바로 트리맵이었습니다.
트리맵은 다음과 같이 사격형의 크기 또는 색상으로 데이터의 상대적
크기를 보여주는 방법입니다.

트리맵을 이용한 웹 서비스로는 Newsmap 이 유명합니다.
전세계의 뉴스를 주제에 따라 다른 크기의 영역으로 링크를 만들어 보여주는 서비스 이죠.
http://newsmap.jp/

자, 이제 대한민국 블로그 주제에 대한 간단한 트리맵을 만들어 보겠습니다.

1. 데이터를 준비 합니다. 
http://www.hanrss.com/ 에서 제공하는 분류를 EXCEL 파일로 만들어 보았습니다.
실제 데이터와는 값이 다릅니다. "컴퓨터" 영역이 너무 강해 숫자를 조금 조정했습니다.

2. Many Eyes 에 로그인하고 좌측의  Participate 메뉴에서
 "Upload your own data set"을 선택합니다.
회원님이 촬영한 Let's make Treemap 1.


3. 앞서 만든 EXCEL 에서 데이터를 복사해서  TEXT 영역에 붙여 넣습니다.

회원님이 촬영한 Let's make Treemap 2.

4. 텍스트, 숫자 형식을 맞게 인식했는지 확인 하세요.

회원님이 촬영한 3.

5. 이제 Treemap 형식을 선택하면 작업 끝.

다음과 같은 트리맵이 만들어 집니다.
http://manyeyes.alphaworks.ibm.com/manyeyes/visualizations/korea-popular-blog-category

회원님이 촬영한 Treemap 5.

그런데 왠지 밍숭맹숭 하게 보이는 군요. ㅠㅠ

자동으로 생성해 주는 이미지를 다운 받아서 파워포인트를 이용해 색을 칠해 보았습니다.
훨씬 멋지군요.



PPT 다운로드 : TreeMap_Blog_Demo.ppt (545 KB)



IBM Many Eyes 를 이용하면 기존의 Excel, PowerPoint  에서 제공하지 않는
보다 전문적인 형태의 시각화가 가능합니다.
다만 자바 기반이라 속도가 조금 느린 것만 빼면 아주 멋진 서비스 입니다.