정보시각화 아틀리에

98% 파이 그래프 행렬?

crefrog — Mon, 24 Oct 2011 12:15:19 +0900

강남역 카페에서 찍은 사진입니다.
나무 인테리어가 '한 영역이 98%정도 되는 파이 그래프들이 나란히 있는' 모양으로 보이니 저도 중증 데이터 덕후인가 봅니다. ;;;

사진을 보면 나무 막대들이 높이가 고르지 않게 튀어나와 있는데,
높이 정보를 이용해서 데이터 차원을 하나 더 표시할 수 있을 듯 합니다.

예를 들면, 위 그림처럼 막대 도표 위에 파이 그래프를 그려넣는 거지요.
"막대 파이 그래프"라고 부르면 될까요?

가리는 부분이 있기 때문에 정밀한 정보 전달용 그래프로는 적절하지 않겠지만
데이터 전체를 간단히 개관하는 용도로는 쓸만할 듯 합니다.

간단한 아이디어니 이미 누가 그려 보았을지도 모르겠군요.

크리에이티브 커먼즈 라이선스

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-동일조건변경허락 2.0 대한민국 라이선스에 따라 이용하실 수 있습니다.

R.I.P. Steve Jobs

crefrog — Thu, 06 Oct 2011 11:15:43 +0900

생활과 통합된 디자인과 기술이 세상을 어떻게 바꾸는지 몸소 보여준

스티브 잡스의 명복을 빕니다.

크리에이티브 커먼즈 라이선스

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-동일조건변경허락 2.0 대한민국 라이선스에 따라 이용하실 수 있습니다.

아프리카의 진짜 크기

crefrog — Sat, 24 Sep 2011 19:59:58 +0900

아프리카 대륙의 진짜 넓이

아프리카 대륙의 진짜 넓이 (The True Size of Africa by Kai Krause)

아프리카 지도 안에 여러나라 지도를 집어넣어서, 넓이를 알기 쉽게 비교한 인포그래픽스입니다.

위 인포그래픽스에 따르면

아프리카 대륙의 넓이 ~= (중국 + 미국 + 인도 + 멕시코 + 페루 + 프랑스 + 스페인 + 파푸아 뉴기니 + 스웨덴 + 일본 + 독일 + 노르웨이 + 이탈리아 + 뉴질랜드 + 영국 + 네팔 + 방글라데시 + 그리스)의 넓이

입니다.

제 상상보다 아프리카 대륙이 훨~씬 크네요.

이 인포그래픽스 작가가 지적했듯이, 세계 지도를 만들 때 메르카토르 사영법(Mercator Projection, 아래 그림처럼 지구를 원통으로 펼치는 방식입니다.)을 쓰는 탓에 넓이 감각에 왜곡이 오는 듯합니다.

메르카토르 사영법

이 방법대로라면 위도가 높을 수록 땅이 더 넓어보이고, 적도 근처에 있는 아프리카 대륙은 상대적으로 좁아보이죠.

여러나라 지도를 아프리카 대륙에 잘 잘라서 붙여넣은 디자이너의 수고에 박수를. ^^;

크리에이티브 커먼즈 라이선스

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-동일조건변경허락 2.0 대한민국 라이선스에 따라 이용하실 수 있습니다.

주위 사람들이 나를 이용하려 든다고 생각하는가? - 세계 가치관 조사 시각화

crefrog — Sat, 24 Sep 2011 14:21:02 +0900

주위 사람들이 나를 이용하려 든다고 생각하는가?

"주위 사람들이 나를 이용하려 든다고 생각하는가?"라는 질문에 대해서 10점 척도로 평가한 내용을 나라별로 시각화한 그림입니다.
녹색(10점)은 "공정하게 대한다", 빨간색은 "이용하려든다" 라는 뜻입니다.

르완다는 "공정하다"고 대답한 사람이 많고, 모로코는 "이용하려 든다"고 말한 쪽이 많습니다.
우리나라는 위에서 10위 쯤에 있습니다. "공정하다"라고 생각하는 사람이 많은 편입니다.

인도는 10점 척도가 아니라 2점 척도로 조사된 듯 하네요. 끝에서 두번째에 있습니다.

어떤 값으로 정렬했는지는 확실치 않지만, 아마 점수 평균값으로 정렬한 듯 합니다.

이런 방식의 시각화는 서로 비교할 항목이 많을 때 쓸만한 방법입니다. 정렬 기준을 명시했으면 더 좋을 뻔 했군요.

데이터 출처는 세계 가치관 조사(World Values Survey)라고 합니다.

바로가기:
Do You Think Most People Try to Take Advantage of You?

크리에이티브 커먼즈 라이선스

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-동일조건변경허락 2.0 대한민국 라이선스에 따라 이용하실 수 있습니다.

언제 범죄가 일어날까? - 범죄가 일어나는 시간에 대한 시각화

crefrog — Sat, 24 Sep 2011 12:30:54 +0900

언제 범죄가 일어날까? (When does crime happen?)

언제 범죄가 일어날까? (When does crime happen?)

위 그림은 미국의 주요 도시들에서 범죄가 일어나는 시각과 빈도를 중첩 그래프로 시각화한 사이트입니다.

각 칸은 미국 도시, X축은 24시간, Y축은 범죄 빈도를 뜻합니다.

그리고 색깔로 범죄 종류의 비율을 표시했습니다.
(왼쪽 상단의 색깔 참조, 총격 (Shootings), 폭행(Assaults), 강도(Robberies), 방화(Arson), 빈집털이(Burglaries), 절도(Thefts), 공공기물파손(Vandalism) 순)

그래프 위에 마우스를 갖다대면 그 시각대의 범죄 비율%을 보여줍니다.
그리고 각 범죄 종류별로 따로 볼 수도 있습니다.

범죄 발생 시각대가 도시마다 꽤 달라 보이는 점이 신기하네요.

-----------------------

데이터는 SpotCrime.com 에서 가져왔고 2011년 1월 한달간 범죄 통계를 바탕으로 그렸다고 합니다.

한국에서도 이런 지역별, 시각대별 범죄 정보가 공개되면 좋겠다는 생각이 듭니다.
하지만 데이터를 공개하면 부동산 값에 영향을 준다고 지역 주민이 항의할지도 모르겠네요. ^^;;

크리에이티브 커먼즈 라이선스

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-동일조건변경허락 2.0 대한민국 라이선스에 따라 이용하실 수 있습니다.

100초 동안의 세계 역사

crefrog — Sat, 10 Sep 2011 20:16:20 +0900

A History of the World in 100 Seconds from Gareth Lloyd on Vimeo.

위키백과에서 지리좌표 정보가 있는 역사적 사건 데이터를 모아서 동영상으로 만들었네요.

처음(기원전 499년)에는 유럽과 아시아 일부에서만 역사적 사건들이 나타나는데, 현대로 올 수록 점점 다른 대륙에서도 사건들이 나타납니다.

크리에이티브 커먼즈 라이선스

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-동일조건변경허락 2.0 대한민국 라이선스에 따라 이용하실 수 있습니다.

The Museum of Me - Facebook의 콘텐츠를 이용한 전시회

crefrog — Fri, 10 Jun 2011 03:07:30 +0900

인텔에서 만든 "The Museum of Me"라는 웹어플입니다.
Facebook 계정에 연결해서, 내 친구들, 사진들, 동영상, 글, 좋아요 버튼을 누른 콘텐츠들을 모아서, 마치 전시회를 관람하는 듯한 느낌의 동영상을 만들어줍니다.

Facebook 계정이 있는 분들은 한번씩 해보세요. 꽤 재미있네요. :)

링크:
http://www.intel.com/museumofme/r/index.htm

크리에이티브 커먼즈 라이선스

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-동일조건변경허락 2.0 대한민국 라이선스에 따라 이용하실 수 있습니다.

정치 기후

crefrog — Sun, 16 Jan 2011 03:55:44 +0900

매년 1월 Pew Research Center라는 곳에서 미국인을 대상으로 올해 가장 중요한 정치 현안이 무엇인지 조사를 한다고 합니다.

그 결과를 정리한 인포그래픽입니다.

각 주제별 비율을 방사형 막대 그래프로 표현했습니다. 해당 영역을 클릭하면 비율과 2001년까지 과거 데이터, 그리고 공화당/민주당 지지자의 차이를 일목요연하게 보여줍니다.

링크:

http://awesome.good.is/transparency/web/1010/political-climate-chart/interactive.html

크리에이티브 커먼즈 라이선스

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-동일조건변경허락 2.0 대한민국 라이선스에 따라 이용하실 수 있습니다.

Sizing the horizon : 공간을 절약하는 시계열 시각화 방법

crefrog — Wed, 22 Dec 2010 04:30:28 +0900

오늘 소개드릴 내용은 공간을 절약하는 시계열 시각화 방법입니다. 간단한 아이디어로 상당히 좋은 효과를 얻을 수 있습니다.

시계열 시각화 방법

위 그래프가 그 결과물입니다. 여러개의 시계열을 한번에 보여줘야할 때, 색상을 이용해서 공간을 절약할 수 있습니다.

만드는 방식은 다음과 같습니다.

밴드 설정

우선 시계열에 "밴드"를 설정해서, 색상을 다르게 줍니다.

미러링

그리고 0보다 작은 부분을 뒤집어서 표시합니다. 파란색은 시계열 값이 양수, 빨간색은 음수를 뜻하죠.

시계열 겹치기

그리고 위 그림처럼 위 밴드를 잘라서 아래처럼 붙여줍니다.

평소대로 시계열을 그린 걸 보면, 이 방법의 장점이 잘 드러나죠.

평범한 시계열 시각화

이 그림보다 맨 처음 그림이 훨씬 이해하기 쉽겠죠?

이 방법을 소개한 논문에서는, 몇개의 밴드를 설정했을 때 사람들이 빠르고 정확하게 시계열 값을 추정하는지 실험을 했습니다. 밴드 수가 늘어날 수록 추정 시간은 길어지고, 추정값의 에러도 더 많아지네요. 그 외에도 차트의 높이를 어떻게 해야 하는지 등에 대해서 연구해놨네요. 당연한 얘기겠지만, 공간을 절약하는 대신 어느 정도 트레이드 오프는 감수해야하는 것 같습니다.

논문은 다음 링크를 눌러 다운 받을 수 있습니다.

Sizing the Horizon: The Effects of Chart Size and Layering on the Graphical Perception of Time Series Visualizations

Jeffrey Heer, Nicholas Kong, Maneesh Agrawala

ACM Human Factors in Computing Systems (CHI), 2009. pp. 1303 - 1312. Best Paper Award

크리에이티브 커먼즈 라이선스

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-동일조건변경허락 2.0 대한민국 라이선스에 따라 이용하실 수 있습니다.

단어 클러스터링을 지도처럼 보여주기

crefrog — Tue, 21 Dec 2010 00:50:29 +0900

Domain Map

웹서핑을 하다가 재미있는 그림을 발견했네요.

1993년부터 2002년까지 지리 관련 논문의 초록 22,000개에 실린 단어들을 클러스터링(clustering)해서 지도처럼 보이게 만든 그림입니다. 각 영역에서 가운데 있는 단어는 그 영역의 주제를 대표하고, 높이는 얼마나 그 주제가 많이 언급되었나를 뜻합니다. 근처에 작은 글자들은 해당 주제와 같이 언급된 단어들입니다.

클러스터링 결과를 지도처럼 표현하니 신선하네요.

자세한 방법론은 다음 논문을 참조하시면 됩니다.

Skupin, André . (2004) The World of Geography: Visualizing a Knowledge Domain with Cartographic Means. Proceedings of the National Academy of Sciences, 101

크리에이티브 커먼즈 라이선스

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-동일조건변경허락 2.0 대한민국 라이선스에 따라 이용하실 수 있습니다.

세계 각국 남녀 평균 키 비교

crefrog — Sun, 19 Dec 2010 15:37:55 +0900

세계 각국 남녀 평균 키 (남자 키로 정렬)

세계 각국 남녀 평균 키 그래프입니다. 그래프가 상하로 길어서, 보기 쉽게 보라색 선으로 1.7m 부분을 표시했습니다. 주 눈금선은 0.5m 단위로 그려져있습니다. (중간에 데이터 누락이 좀 있습니다.)

데이터는 영문 위키피디아 "사람 키" 항목에서 가져왔습니다. (대부분 1990년대 이후에 조사된 값들입니다.)

조사한 시기나 방법, 조사한 모집단의 나이대 등이 각각 다르므로 단순 비교는 어렵습니다. 그냥 재미로 봐주세요.

한국인의 평균키는 중간 정도 되네요. (男: 1.739 m , 女: 1.611 m , 19살 기준)

--------------------------------------

(추가) 아래 그래프는 여자 평균 키로 정렬한 것입니다. 연두색 선은 1.6 m를 뜻합니다.

세계 각국 남녀 평균 키 (여자 키로 정렬)

-----------------------------------------------

(추가 2) 최근에 지식경제부 기술표준원에서 조사한 바에 따르면, 한국인 평균 키는 남 174cm, 여 160.5cm입니다.

http://news.hankooki.com/lpage/economy/201012/h2010121620592321540.htm

http://sizekorea.kats.go.kr/

크리에이티브 커먼즈 라이선스

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-동일조건변경허락 2.0 대한민국 라이선스에 따라 이용하실 수 있습니다.

Mapping America: 미국의 각종 인구통계 정보를 한눈에

crefrog — Fri, 17 Dec 2010 22:46:36 +0900

인종별 분포

석사학위 이상 소지자 비율

언제나 멋지고 유용한 정보시각화를 제공하는 뉴욕타임스에서 또 한 건 했네요.

미국에서 2005~2009년 동안 조사된 인구통계 정보(Census Bureau's American Community Survey)를 구글맵에다 그대로 매핑했습니다. 인종분포, 수입, 교육 등 각종 정보가 위 그림처럼 색상 정보로 표시됩니다.

맨 위 그림은 뉴욕 맨하탄 주위 인종분포인데요. 녹색이 백인종, 파란색이 흑인종, 노란색이 히스패닉, 빨간색이 아시안을 뜻합니다. 아래 그림은 석사학위 소지자의 비율을 짙은 빨간색으로 표시하고 있습니다.

위 시각화는 아래 사이트에서 보실 수 있습니다.

링크:

Mapping America: Every City, Every Block

크리에이티브 커먼즈 라이선스

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-동일조건변경허락 2.0 대한민국 라이선스에 따라 이용하실 수 있습니다.

소셜네트워크에서 친구맺기/대화하기 변화과정

crefrog — Fri, 17 Dec 2010 21:16:03 +0900

위 동영상은 제가 최근에 어떤 소셜네트워크를 분석하면서 만든 동영상입니다.

소셜네트워크가 성장하면 이용자끼리 친구맺기와 대화가 계속 일어나게 됩니다. 이 친구맺기와 대화하기 양상이 시간에 따라 어떻게 변화하는지 관찰한 것입니다. ^[각주:1]

위 동영상을 읽는 방법은 다음과 같습니다.

시각화 의미

X축은 이용자가 소셜네트워크에 참여해서 활동을 시작한 시점을 뜻합니다. 그리고 파란 선은 친구맺기 링크, 빨간 선은 대화하기 링크를 나타내고, 선이 굵을 수록 해당 링크가 많이 일어났음을 뜻합니다. 가운데 막대그래프는 해당시점에 활동을 시작한 이용자 중에, 여전히 활동을 지속하고 있는 이용자의 비율을 뜻합니다.

예를 들어 위 그림에서 굵은 파란 대각선은, 서비스를 오래 이용한 "터줏대감"들과 신규 이용자 간에 친구맺기가 많이 일어났음을 의미합니다. 마찬가지로 굵은 빨간 대각선은 오랜 이용자와 신규 이용자간에 대화가 많이 일어났음을 뜻합니다.

그리고 대화(빨간색)는 꾸준히 일어나는 반면, 친구맺기(파란색)은 서비스 가입시점에 주로 집중적으로 일어나는 것도 관찰할 수 있습니다. SNS에 들어오고나서 초반에만 친구를 열심히 맺고, 시간이 지나면 더이상 친구를 늘리지 않는 것이죠.

SNS 이용자들이 꾸준히 서비스를 이탈하는 양상도 보이는데요. 그림에서 대각선이 주로 짙게 나오는 이유도, 서비스를 이탈하지 않고 끝까지 살아남은 이용자들이 '터줏대감'이 되었고, 이들이 활동적인 양상을 보이기 때문이라고 해석할 수 있습니다.

흔히 SNS가 성장하다보면 오래된 이용자와 신규 이용자 사이에 '문화충돌'이 일어나는 경우가 있습니다. 신규 이용자가 급격히 유입되어서, 터줏대감 중심의 기존 커뮤니티에 속하지 않고, 신규 이용자끼리 새로운 네트워크를 형성하다보면 생기는 일이죠. 그런 현상이 위 동영상에도 약간씩 보입니다. (굵은 수직선은 신규 이용자끼리 새로운 네트워크를 형성하고 있다는 뜻입니다.)

-----

소셜네트워크는 계속적으로 성장하는 시스템이기에 한눈에 관찰하기 힘듧니다. 그래서 이런 식으로 동영상을 만들어 관찰하는게 유용할 때가 있습니다.

2007년부터 2009년까지 약 2년간 소셜네트워크 성장 데이터를 관찰했습니다. [본문으로]

크리에이티브 커먼즈 라이선스

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-동일조건변경허락 2.0 대한민국 라이선스에 따라 이용하실 수 있습니다.

Map Your Move - 뉴욕 이주 패턴을 한눈에 보자

crefrog — Thu, 09 Sep 2010 00:40:28 +0900

Map Your Move - 뉴욕 이주 패턴

Map Your Move - 뉴욕 이주 패턴을 한 눈에 볼 수 있는, 예쁜 시각화 사이트입니다. 약 1,700 명의 사례 데이터를 이용했다고 하네요.(데이터 출처는 이곳. 다운로드 받을 수 있습니다.)

위 그림에서 동그라미는 우편번호랑 연결이 되는, 해당 지역입니다. 흰색 원이 뉴욕을 뜻하고요, 그 외 미국을 포함한 세계 여러 곳의 위치도 나와있습니다.

한 지역에 대한 이주 패턴

각 동그라미를 클릭하면 위와 같은 네트워크 그림을 볼 수 있습니다.
파란색은 그 지역으로 이주해 간 사람이 더 많은 경우, 빨간 색은 나간 사람이 더 많은 경우를 뜻합니다.

마우스 드래그를 해서 여러 지역을 선택할 수도 있습니다.

이주 패턴 통계

사이트 오른쪽에는 해당 지역에 대한 통계를 보여줍니다. 년도별로 이입이 얼마나 일어났는지, 이입의 이유가 무엇인지 막대그래프로 표현합니다.

참 깔끔하게 시각화했다는 생각이 드네요.

링크 : http://moritz.stefaner.eu/projects/map%20your%20moves/

크리에이티브 커먼즈 라이선스

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-동일조건변경허락 2.0 대한민국 라이선스에 따라 이용하실 수 있습니다.

TED Talks : The beauty of data visualization

crefrog — Tue, 31 Aug 2010 20:18:10 +0900

"Information Is Beautiful" 블로그를 운영하는 David McCandless 씨가 얼마 전 "데이터 시각화의 아름다움"이라는 주제로 TED에서 강연을 했습니다.

데이터 시각화는 복잡한 데이터를 좀 더 직관적으로 이해할 수 있게 만들어 주는데요. 앞으로 접근 가능한 데이터가 점점 늘어날 것이므로 데이터 시각화는 점점 중요해질 겁니다. 강연자는 "Data is New Soil"이란 표현으로 데이터의 중요성을 강조하네요.

@ 강연자가 보여주는 인포그래픽스도 재밌는게 좀 있습니다. 특히 Facebook에서 "이별(break-up)"이라는 단어를 추출해서 그래프 그린 건 정말 기발하네요. 데이터 상으로는 4월, 12월, 월요일에 많이들 헤어진다고 합니다. :)

크리에이티브 커먼즈 라이선스

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-동일조건변경허락 2.0 대한민국 라이선스에 따라 이용하실 수 있습니다.