brunch

You can make anything
by writing

C.S.Lewis

by 강원양 Apr 20. 2021

애니메이션을 활용한 데이터 시각화 차트

데이터 시각화 뉴스레터 #12 움직이는 시각화 차트


...


저는 이번 한 달도 시각화 콘텐츠를 기획하고 제작하고, 공유하고, 미팅도 다녀오고... 일상적이면서도 바쁘게 보냈습니다! 간혹 미팅 자리에서 뉴스레터를 잘 보고 있다는 이야기를 들을 때도 있어서 내심 뿌듯하기도 하였는데요!


이번 뉴스레터는 지난해 7월을 시작으로 꾸준히 전해드린 끝에, 12번째 뉴스레터로 보내드리게 되었습니다! 그사이 빠르게 1년의 시간이 지났네요! 혹시 12번의 뉴스레터를 계속 봐오고 계신 구독자분들도 있으실까요? 궁금하네요^^


사실 처음 기획 단계를 생각해보면, "해보고 싶어요!"로 시작된 이 일이 숫자 두 자리 횟수를 넘길 때까지 계속되리라 선뜻 예상할 수 없었는데요. "하고 싶은 건 해보라는" 옛 팀장님의 응원과 함께, 또 가끔씩 들려오는 "잘 보고 있어요!"라는 구독자분들의 후기 덕에 지금까지 이어올 수 있지 않았을까 하는 생각이 듭니다. 나름의 의미를 부여하고 있자니, 그간 멀리서 조용히 메일을 '오픈'하고 '클릭'하셨을 분들에게 감사함을 전하고 싶다는 생각도 듭니다.


이번 뉴스레터는 지난 11번의 뉴스레터에서 언급하지 않았던 '애니메이션 효과와 시각화'를 주제로 이야기하고자 합니다. 제가 보내드린 뉴스레터에 소개된 콘텐츠를 봐오셨던 분이라면, 자동으로 움직이는 시각화 차트를 한 번쯤 보신 적이 있으실 텐데요!


시각화 차트에 애니메이션 효과가 활용되는 큰 이유는 데이터의 변화를 잘 전달할 수 있으면서도, 또 흥미로운 시각적 요소로 사람들의 관심을 유도할 수 있기 때문입니다. 주로 시간 흐름에 따른 데이터의 변화를 자동으로 보여줄 때 많이 활용되고 있는데요!


이번 뉴스레터에서는 시각화에서 애니메이션이 활용되는 대표적인 유형과 함께 최근 발행된 시각화 콘텐츠 중 애니메이션의 활용이 돋보이는 사례를 선정하여 소개해드립니다.


2019년 6월 28일

지난해 첫 번째 뉴스레터를 발송할 때의 두근거림을 오랜만에 안고, 강원양 드림.





애니메이션이

시각화를 만날 때


데이터 시각화에서 애니메이션 효과는 언제, 왜 사용되는 것일까요? 자동으로 움직이는 차트가 왜 효과적인지 흥미로운 사례로 이해를 더해봅니다.


01. 뉴스젤리, 데이터 시각화 콘텐츠에서 애니메이션 효과는 어떻게 사용될까?

시각화 콘텐츠에 활용된 애니메이션 효과는 무엇이 있는지 대표적인 사례를 알아봅니다. 움직이는 시각화 차트를 보고 있노라면, '아! 이래서 애니메이션을 사용하는구나!'하고 공감하실 수 있으리라 생각합니다.



애니메이션이
돋보이는 최신 시각화 사례


최근 한 두 달 사이에 나온 데이터 시각화 콘텐츠 중 애니메이션 효과가 눈에 띄는 사례를 소개합니다! 움직이는 차트인 만큼 한눈에 우리를 사로잡는데요! 3D 데이터 시각화부터 지도 시각화까지 애니메이션 효과가 어떻게 활용되었는지, 그래서 무엇이 좋은 것인지 알아봅시다.


01. What does the Reddit universe look like?

토론토 대학의 컴퓨터 과학 연구소의 'What dose the Reddit universe look like?'는 네트워크 시각화를 활용한 인터랙티브 콘텐츠입니다. 웹 사이트 첫 화면 등장하는 시각화가 자동으로 움직여 시선을 사로잡습니다. 또 스크롤을 내릴수록 시각화 형태가 바뀌어 2D 차트의 시각적 한계를 극복하면서도 데이터 인사이트를 쉽게 알 수 있습니다.


02. derStandar.at, 'Is Europe moving to the right'?'

> 가장 많이 애니메이션이 활용되는 예는 바로 시간 흐름에 따른 데이터 변화를 자동으로 보여주는 것인데요! derStandard.at의 'Is Europe moving to the right?'는 시간에 따른 유럽 국가별 정치 성향 변화를 보여줍니다. 얼핏 보면 지도 시각화, 얼핏 보면 라인 차트 같기도 한 낯선 시각화로 궁금증을 유발하기도 하네요!


03. The Nature Conservancy, 'Migration in Motion'

> 기후 변화로 인한 생태계의 변화, 동물들은 생존하기 위해 어디로 가야 할까요? The Nature Conservancy의 'Migration in Motion'은 지도 시각화 위 동물 유형별로 살기에 적합한 기후로 이동해야 하는 패턴을 선으로 표현하는 동시에 애니메이션 효과를 더해 이동 방향을 좀 더 직관적으로 파악할 수 있도록 하였습니다.




뉴스젤리 뉴스레터 <데이터 시각화의 모든 것>은 데이터 시각화를 주제로 한 다양한 정보를 큐레이션 한 콘텐츠입니다. 이 글은 뉴스레터 <데이터 시각화의 모든 것> 2019년 6월호를 원문으로 하며, 브런치에서는 일부만 공개합니다.


뉴스젤리 뉴스레터를 구독해보세요.

매달 한 번, 유용한 데이터 시각화 정보를 모아 여러분의 메일함으로 보내드립니다.

브런치는 최신 브라우저에 최적화 되어있습니다. IE chrome safari