타임라인 정보시각화

HCI 에 정보 시각화 분야가 있는데 내 블로그의 태그중 정보시각화(visualization)는 이러한 주제를 다룬다

MIT  Timeline

얼마전 MIT에서 타임라인(Timeline)이란 DHTML 기반의 시각화에 대한 소스코드를 공개했다.  타임라인(Timeline) 이란 시간(날짜 포함)을 가진 정보를 시간축에 따라 표현하는 정보시각화 방법이다.

timeline

타임라인은 가로축을 시간으로 두고 그 위에 해당 시간의 정보를 표현한다. 시간은 년일 수도 있도, 월, 일, 시간일 수도 있다. 마우스로 드래그 해서 시간을 끌어 당기거나 밀면 시간이 바뀌고 동시에 해당 시간에 있는 정보들이 보이게 된다.

같은 정보라도 시간을 기준으로 봤을때 그 효용이 달라지는 경우에 매우 효과적이다.

Google Timeline

내가 생각하기에 시간축과 관련된 정보 시각화중 가장 효과적이라 생각했던 것은  뉴스기사와 주가의 관계였다.

google finance

구글의 정보시각화  API 에 그림의 타임라인 소스코드가 공개되었으므로  가져다가 사용할 수 있다.

이 타임라인 시각화를 어떻게 응용할 수 있을까?

Y축이 숫자인 경우에  구글파이낸스와 같은 타임라인이 효과적인데, 블로그의 방문수나 페이지뷰의 그래프와 글의 작성시간을 같이 보여주는 것도 재미있을 것이다.

웹 사이트 운영자라면 자사의 방문자수와 페이지뷰를 표시하고, 운영상의 어떤 이슈들을 시간과 제목으로 표시하는 것도 좋을 것 같다. 포탈 관계자라면 각 포탈들의 수치를 표시하고 각 포탈들의 이슈들을 표시하는 것도 좋을 것이다.

Y축이 숫자로 쓰지 않는다면 첫번째 MIT 에서 공개한 타임라인을 사용해도 좋을 것 같다.  워드프레스에서는 블로그의 글이 있는 날짜를 달력에 표시할 수 있는데, 이 타임라인위에 표시하는 것도 재미있을 것 같다.

정보를 시각화 하는 것은 상당히 어려운 일이다. 대신 이러한 정보시각화 들을 미리 알아두고 어떤 정보들을 어떤 시각화 툴을 사용하는 것이 효과적인지 고민해 두는 것이 필요하다.

Related Post




  • 저는 시각화 중에 시간에 따른 변화를 마치 동영상처럼 보여주는 기법이 특히 스토리텔링에 있어서 효과적이라고 생각합니다. TED 에서 멋진 강연을 보여준 Hans Rosling 의 Gapminder 가 상당히 인상적이었구요. 시간에 따른 아기 이름의 변화를 보여주는 Name Voyager 같은 것도 기존의 다이나믹 쿼리나 브러싱/링킹 등의 기법과 맞물려 흥미로운 시각화 어플리케이션이 되었다고 생각합니다. 일반 데이터 범주와 다소 다른 시간이라는 독특한 dimension을 시각화하는 것은 분명 중요하고 또 재미있는 문제인 것 같습니다.

  • 저는 시각화 중에 시간에 따른 변화를 마치 동영상처럼 보여주는 기법이 특히 스토리텔링에 있어서 효과적이라고 생각합니다. TED 에서 멋진 강연을 보여준 Hans Rosling 의 Gapminder 가 상당히 인상적이었구요. 시간에 따른 아기 이름의 변화를 보여주는 Name Voyager 같은 것도 기존의 다이나믹 쿼리나 브러싱/링킹 등의 기법과 맞물려 흥미로운 시각화 어플리케이션이 되었다고 생각합니다. 일반 데이터 범주와 다소 다른 시간이라는 독특한 dimension을 시각화하는 것은 분명 중요하고 또 재미있는 문제인 것 같습니다.




Scroll Up