1.
빅데이터를 위한
데이터 시각화
Data Visualization
for Big Data
SAMSUNG SDS
숙명여자대학교 시각영상디자인학과 이지선

2.
강의 개요 l 강의목적 및 방법
 강의 목적
 빅데이터에서 Data Visualization이 어떻게 적용될수 있는가를 파악해보는 과정
으로 데이터 시각화 및 정보디자인 관점에서의 시각화 분야의 이론을 습득하고
이를 정보디자인 프로세스를 이해하는 과정
 데이터 시각화 사례를 소개하고 이와 관련된 실습을 통하여 시각화를 이해하고
또한 이를 구현할 수 있는 다양한 시각화 툴 및 방법을 소개
 강의 방법
시각화 정의 및 실습 이해
시각화의 방법
시각화 툴 및 사례 소개

3.
시각화의 정의

4.
“우리는 정보 과부하나 자료 과다로부터 비롯된
모든 괴로움에 있는 것을 느낀다.
좋은 소식은 그것에 대한 쉬운 해결이 있을지도 모른다는 것이고,
그것은 우리의 눈을 더 사용하는 것이다.”
- David McCandless

5.
시각화의 정의 시각화 프로세스 시각화 방법 빅데이터와 시각화 디자인
데이터 시각화의 중요성
 데이터 시각화란
 광범위하게 분산된 방대한 양의 자료를 분석해 한눈에 볼 수 있도록 도표나 차트 등으로
정리하는 것
정보
정보 정보
정보 정보 정보
 얻을수 있는 효과
 자료로부터 정보를 습득하는 시간 절감으로 즉각적인 상황 판단이 가능
 자료를 습득하는 사람들의 흥미를 유발하고 정보의 빠른 확산을 촉진
 자료를 기억하는데에도 도움

6.
시각화의 정의 시각화 프로세스 시각화 방법 빅데이터와 시각화 디자인
시각 이해와 시각화
 시각 이해의 위계
 정보를 전달하여 이해시킨다는
측면에서 각각의 이해를 구축하고
있는 요소
맥캔들레스가 그린 시각적 이해의 위계
http://www.informationisbeautiful.net/2010/data-information-knowledge-wisdom/

7.
시각화의 정의 시각화 프로세스 시각화 방법 빅데이터와 시각화 디자인
시각 이해와 시각화
 데이터
 데이터는 연구나 조사·발견·수집의 결과인 일종의 기초 자료로서, 정보를 만들기 위한 원
자재와 같은 것
 데이터는 정보 자체가 아니므로 정보로서의 가치가 부족하여 분석의 대상은 될지라도 디
자인의 대상은 아님
 정보
 데이터와 달리 그 자체만으로 의미가 있음, 따라서 정보는 생산자와 사용자의 관점에 따라
다르게 전달될 수 있으며, 나름대로의 형태와 형식을 갖고 있음
 정보는 서로 다른 데이터 간의 관계와 일정한 패턴을 가시화시킴으로써 정보를 보는 사람
에게 데이터가 내포하는 의미를 전달
 데이터가 정보로서 가치를 갖기 위해서는 조직화(organized)되고 변형(transformed)돼
야 하며, 의미를 전달하기 위한 형태로 표현돼야 함

8.
시각화의 정의 시각화 프로세스 시각화 방법 빅데이터와 시각화 디자인
시각 이해와 시각화
 지식
 지식(knowledge)은 다른 영역의 정보가 자기 조직화해 획득할 수 있는 것
 특정 영역에서 경험을 통해 정보를 통합한 형태로, 생활을 영위하면서 인위적으로 습득하
는 고도의 논리적 상식이자, 정보의 상위 개념이며 모든 경험의 산물
 경험을 통해 다른 관점과 방법으로 해석 가능하며, 경험을 통해 형성된 지식은 특정한 세
부 사항만을 설명하는 것이 아니라 다양한 상황에서 적용할 수 있게 일반화한 것
 지혜
 지혜는 고차원 방법으로 우리가 사용하기에 충분하고도 이상적인 패턴을 이해하는 정보의
최종 단계
 정보가 특정 영역에서의 경험에 의해 촉진돼 자기맥락을 갖게 될 때 지식이 되며, 이런 지
식은 자기 내면화가 돼서 개인적 맥락(Personal Context) 안에 포함될 때 지혜가 됨
 지혜는 개인적 이해의 수준에 따라 결정되는 것으로 도달하기 어려운 단계이며, 훨씬 추상
적이고 철학적인 단계에 속함

9.
시각화의 정의 시각화 프로세스 시각화 방법 빅데이터와 시각화 디자인
시각 이해와 시각화
쉐드로프가 제시한 정보 인터랙션 디자인
http://www.nathan.com/thoughts/unified/3.html
 정보 인터랙션 디자인
 데이터에서 지혜로 갈수록 경험에 기반한 스토리텔링이 중요해짐, 이러한 맥락에서 시각
화의 방법도 각 단계에 따라 다르게 나타남

10.
시각화의 정의 시각화 프로세스 시각화 방법 빅데이터와 시각화 디자인
시각화 분류와 구분
 데이터 시각화
 데이터 시각화란 데이터의 시각적 표현의 연구영역을 말하며, 도식적 형태 안에 추상적으로 표현된, 속성
이나 변수를 가진 단위를 포함한 정보를 말함
 데이터 시각화의 주요 목적은 그래픽 의미를 이용해 명확하고 효과적으로 정보를 커뮤니케이션하기 위함
인터넷의 부분으로서 위키피디아의 데이터 시각화
http://en.wikipedia.org/wiki/File:WorldWideWebAroundWikipedia

11.
시각화의 정의 시각화 프로세스 시각화 방법 빅데이터와 시각화 디자인
시각화 분류와 구분
 정보 시각화
 보통 대규모 비수량 정보를 시각적으로 표현하는 것으로 방대한 양의 정보를 한 번에 사용자가 보고,
탐험하고 이해하도록 시각적 표현방법과 인터랙션 기술을 이용해 추상적 정보를 직관적 방법으로 전
달하기 위한 접근방법을 창조하는 것에 초점을 맞추고 있음
트리맵: 경제 복잡성의 전망대
http://atlas.media.mit.edu/explore/tree_map/export/usa/all/show/2010
시각화를 도울 수 있는 새로운 툴을 개발하는 것과
거시경제 개발 의사결정과 관련된 상품의 공간과
같은 데이터의 거대한 양을 느낄 수 있게 만드는 것

12.
시각화의 정의 시각화 프로세스 시각화 방법 빅데이터와 시각화 디자인
시각화 분류와 구분
 정보 디자인
 효과적인 정보와 복잡하고 구조적이지 않은 기술 데이터를 시각적으로 표현하는 방법
 광범위한 의미로는 앞서 말한 데이터 시각화, 정보 시각화도 정보 디자인의 범위에 속하며, 그래픽 정
보 표현방법이 많이 적용되는 인포그래픽(information graphics, infographics) 역시 정보 디자인
의 한 유형으로 볼 수 있음
정보 디자인의 개념도

13.
시각화의 정의 시각화 프로세스 시각화 방법 빅데이터와 시각화 디자인
시각화 분류와 구분
 나폴레옹 행군의 1861년 다이어그램
 지금까지 디자인된 정보그래픽 중에서 역사적으로 가장 의미 있는 것
 1861년 프랑스 공학자인 샤를 미나르(Charles Minard)가 제작한 이 다이어그램은, 1812년 나폴레
옹군이 러시아제국 원정에서 완패하고 모스크바를 거쳐 프랑스로 복귀하는 과정에서 이동경로별로
그들이 겪은 추위, 병사들의 감소수를 한눈에 알아 볼 수 있게 만든 그래프
http://en.wikipedia.org/wiki/File:Minard.png

14.
시각화의 정의 시각화 프로세스 시각화 방법 빅데이터와 시각화 디자인
시각화 분류와 구분
 나이팅게일의 폴라 지역 다이어그램
 18세기에 전쟁중인 영국의 간호사로 있던 나이팅게일이 전쟁터에서 사망하는 병사보다 열악한 위생
환경 때문에 사망하는 병사가 더 많다는 사실을 깨닫고 이 폴라그래프를 고안해 정부를 설득하는 데
활용
http://en.wikipedia.org/wiki/File:Nightingale-mortality.jpg

15.
시각화의 정의 시각화 프로세스 시각화 방법 빅데이터와 시각화 디자인
시각화 분류와 구분
 존스노우의 런던 콜레라 지도
 인간의 실질적인 전염병 관리를 가능하게 만든 것은 1854년에 콜레라가 오염된 물에서 발생
한다는 것을 처음으로 밝혀낸 영국 런던의 의사이며 역학의 아버지라 불리는 존 스노우 (John
snow)에 의해서임

16.
시각화의 정의 시각화 프로세스 시각화 방법 빅데이터와 시각화 디자인
시각화 분류와 구분
 인포그래픽
 중요한 정보를 한 장의 그래픽으로 표현해 이를 보는 사람들이 손쉽게 해당 정보를 이해할 수 있도록
만드는 그래픽 메시지
 패턴이나 트렌드를 보기 위해 인간의 시각능력을 강화하는 그래픽을 이용해 인지를 강화하고자 함
 정보를 구체적·표면적·실용적으로 전달한다는 점에서 일반적인 그림이나 사진 등과는 구별되며, 복잡
한 정보를 빠르고 명확하게 설명해야 하는 기호·지도·기술 문서 등에서 이용
 뉴스 그래픽(News Graphic)이라 불리기도 하며, 소셜 큐레이션의 수단으로 이용되기도 함

17.
시각화의 정의 시각화 프로세스 시각화 방법 빅데이터와 시각화 디자인
시각화 분류와 구분
 정보형 메시지 vs. 설득형 메시지
 정보디자인에서 메시지를 전달하고자 하는 측면에서 분석해 보면 대개 정보사용의 목적과 관점에 따
라서 두 가지로 나누어 볼 수 있음
 하나는 객관적인 정보를 전달하기 위해 ‘정보형 메시지’를 전달하기 위한 것
 다른 하나는 주장하는 바를 알리기 위한 ‘설득형 메시지’를 전달하는데 목적을 두는 것

18.
시각화의 정의 시각화 프로세스 시각화 방법 빅데이터와 시각화 디자인
시각화 분류와 구분
 정보형 메시지
 중요한 실제 지형 지도를 왜곡하더
라도 사람들이 보기 쉽도록 개념적
으로 지하철 지도를 구현한 것
워싱턴 지하철 지도
http://en.wikipedia.org/wiki/File:Wash-dc-metro-map.png

19.
시각화의 정의 시각화 프로세스 시각화 방법 빅데이터와 시각화 디자인
시각화 분류와 구분
 설득형 메시지
 각 사회 계층을 암시하는 옷을 가로로 재단하고 상
하 계층별로 다시 연결해 한 벌의 셔츠로 표현한 이
그래픽은, 사회 계층별 분포 데이터를 극단적으로
함축해 시각화한 예다.
 이 인포그래픽에서는 정보를 전달하는데, 주력하기
보다는 시각적으로 강렬하게 주장하는 바를 전달하
기 위한 설득적 메시지를 보내는데 주력하였다고 볼
수 있다.
가레스 홀트의 사회 체계 묘사
http://flowingdata.com/2010/12/09/picturing-social-order/

20.
시각화의 정의 시각화 프로세스 시각화 방법 빅데이터와 시각화 디자인
빅데이터 시각화 영역
정보디자인
정보형
메시지
설득형
메시지
데이터
시각화
정보
시각화
인포
그래픽
빅데이터 시각화
정보 디자인에서 빅데이터 시각화의 영역
 빅데이터 시각화는 데이터를 기반으로 객관적 표현에 더 초점을 맞추는 경우가 많으므로 정보형 메시지를 전달하기 위한
데이터 시각화 작업을 하는 경향이 강함, 반면 데이터를 기초로 해석된 의미의 설득형 메시지를 전달하기 위한 경우에는
인포그래픽에 해당하는 결과물이 도출됨
 정보디자인은 모두 정보 메시지의 전달이 불확실해지면 안 되지만, 특히 양적 정보 디자인을 다루는 빅데이터 시각화에서
는 정보의 내용과 환경이 매우 복잡하므로 표현도 다차원적이어야 함
 어떤 식으로 데이터를 해석하는가에 대한 통계적 차원의 시각화 방법 및 이에 따른 시각 표현이 병행돼야 함

21.
시각화 프로세스

22.
시각화의 정의 시각화 프로세스 시각화 방법 빅데이터와 시각화 디자인
정보 디자인 프로세스
 패스트컴퍼니에 소개된 “어메징한 인포그래픽 디자인의 10단계”
 어떠한 프로세스를 거쳐 완성되는가에 대한 인사이트를 얻는 데 도움
203인포그래픽연구소의 인포그래픽은 어떤 과정을 통해 만들어 지는가?
http://infographicslab203.com/?page_id=360

23.
시각화의 정의 시각화 프로세스 시각화 방법 빅데이터와 시각화 디자인
정보 디자인 프로세스
 1단계: 데이터 수집
 초기 데이터, 복잡한 데이터로부터 시작하여 수집 과정에서 스토리를 시작할 수 있는 단서를 찾아냄
 이 단서들로부터 새로운 리소스에 대한 추가 리서치를 진행
 스토리의 큰 그림은 따로 떨어진 차트 안에서가 아닌 흩어져 있는 다양한 리소스들로부터 발견되는
경향이 있음
 시각화 전문가가 로우 데이터를 직접 수집하기는 어려우며, 빅데이터의 풀을 탐험하는 과정이라고
볼 수 있음
 2단계: 모든 것을 읽기
 데이터를 읽을 때, 중요하게 표시된 사실들만 읽고 나머지를 훑어보는 식으로 지나치는 경향이 있는
데 이는 나중에 시간을 더 소모하게 되는 결과를 초래
 리서치의 에코시스템 안에서 정보의 작은 조각들을 큰 그림으로 짜 맞추는 것이 필요

24.
시각화의 정의 시각화 프로세스 시각화 방법 빅데이터와 시각화 디자인
정보 디자인 프로세스
 3단계: 내러티브 찾기
 인포그래픽은 복잡한 데이터세트를 단순 명료화하고, 프로세스를 설명하고, 트렌드를 창조하고, 논
란의 어떤 부분을 보조하는 특별한 의도와 함께 시작
 데이터를 친숙하게 만들기 위해 아래의 질문을 스스로 던져 보아야 함
제공하고자 하는 정보를 담은 스토리를 만들어 내는 것이 가능한가?
이 주제에 관심이 가는가?
주목할 만한 사실 또는 가치를 말하고 있는가?
 4단계: 문제의 정의
 데이터로부터 이야기를 끌어 낼 때, 이야기가 내포한 결과에 대한 논리성을 검토해 보아야 함
 정보 디자인을 위해서는 좀 더 정확한 내러티브와 표현을 위한 탐험을 해야 하므로 컬라, 타이포그래
피 등의 좀 더 주관적 관점에서 디테일을 만들어가야 함

25.
시각화의 정의 시각화 프로세스 시각화 방법 빅데이터와 시각화 디자인
정보 디자인 프로세스
 Educating the workforce of the future

26.
시각화의 정의 시각화 프로세스 시각화 방법 빅데이터와 시각화 디자인
정보 디자인 프로세스
 5단계: 계층구조 만들기
 대부분의 리서치에는 그 이야기의 중심이 존재하며, 그 부분을 찾았다면, 프로젝트를 정리하고 인포
그래픽의 개별 자료들을 정리
 이때 중요한 것은 주인공으로 만들고 나머지는 보조적인 요소로 배열 이 요소들이 리서치 단계에서 콘
셉트 보드(또는 무드 보드, mood board) 역할을 하며 이 단계에서 최종 결과물이 나타나기 시작함
 6단계: 와이어프레임 그리기
 데이터가 손질되고, 계층구조가 결정되면 와이어프레임이 창조
 중요한 정보에 대해 이해 가능한 시각표현 방법을 만들어내고, 이렇게 만들어진 시각 표현은 보는 사
람에게 정보의 계층구조를 이해하도록 만듬
 시각화의 최종 결과물에 가까운 구조를 만들어내는 것이 가능한 정보의 와이어프레임을 제작

27.
시각화의 정의 시각화 프로세스 시각화 방법 빅데이터와 시각화 디자인
정보 디자인 프로세스
 Ready or not here I am

28.
시각화의 정의 시각화 프로세스 시각화 방법 빅데이터와 시각화 디자인
정보 디자인 프로세스
 7단계: 포맷 선택하기
 프로세스를 설명하기 위한 다이어그램, 흐름도 등이 필요
 충분한 예산이 있다면 데이터 시각화를 위한 가능성을 보여주는 인터랙션(interaction)을 시도
 어떠한 경우라도 방법에 대한 결정은, 이러한 포맷들의 복합이거나 아니면 한 가지 종류의 . 포맷을
불문하고, 그것이 갖고 있는 데이터에 의해 선택돼야 함
 8단계: 시각 접근 방법 결정하기(1)
 데이비드 맥캔들레스나 니콜라스 펠톤(Nicholas Feltron)처럼 초기 데이터의 아름다움을 만들어내
는 방법으로, 차트나 그래프 형태를 띠며 시각적으로 흥미롭게 만듬
 컬러나 타이포그래피를 사용하고 각 조각들을 연결한 구조들은 추상화 같은 느낌을 줌

29.
시각화의 정의 시각화 프로세스 시각화 방법 빅데이터와 시각화 디자인
정보 디자인 프로세스
 맥캔들레스는 색상의 의미를 문화권별로 구분한 색상환을 제작
 원형 바깥의 숫자들은 오른쪽 범례에 있는 단어들의 의미를 보여주고, 원 안은 바깥부터 서구권, 동양권, 이
슬람권 등으로 구분된 순서로 색상을 나열
맥캔들레스의 문화에 따른 색상
http://www.informationisbeautiful.net/
visualizations/colours-in-cultures/

30.
시각화의 정의 시각화 프로세스 시각화 방법 빅데이터와 시각화 디자인
정보 디자인 프로세스
 니콜라스 펠톤은 최근 매년 자신의 삶의 모든 정량적 측면을 문서화
 2000 조각의 한정판으로 주문하는 개인 연차 보고서(Annual Report)를 인쇄해 발표해오고 있음
 2007년 그가 살았던 한 해의 데이터를 수치화해 시각적으로 표현한 것
펠톤 2007년 연차 보고서
http://feltron.com/ar07_02.htm

31.
시각화의 정의 시각화 프로세스 시각화 방법 빅데이터와 시각화 디자인
정보 디자인 프로세스
 피터 온토트의 사진을 이용한 시각화 방법은 은유적인 측면을 콘텍스트에 담아 정보를 극명하게 보여줌
 덴마크 공공직업에서 종교 복장을 입는 것에 대한 덴마크 사람들의 윤리의식을 조사한 것
피터 온토트의 콘텍스트에서 인포메이션 그래픽
http://www.behance.net/gallery/Information-
graphics-in-context/924345
 8단계: 시각 접근 방법 결정하기(2)
 피터 온토트나 스코트 스토웰처럼 일러스트레이션이나 메타포를 이용하는 방법

32.
시각화의 정의 시각화 프로세스 시각화 방법 빅데이터와 시각화 디자인
정보 디자인 프로세스
 8단계: 시각 접근 방법 결정하기(2)
 피터 온토트

33.
시각화의 정의 시각화 프로세스 시각화 방법 빅데이터와 시각화 디자인
정보 디자인 프로세스
 오바마와 존 매케인이 각각 어느 기업으로부터 정치 후원
금을 받고 있는지를 표현하기 위해 기업 상표를 각 후보의
옷에 붙여 만든 일러스트
 하이퍼 액트 : 차트와 그래프를 일러스트와 함께 보여주거
나 전통적인 데이터 표현과 시각적인 표현을 함께 사용하
기도 하는 하이브리드(hybrid)를 이용
 사용 가능한 정보, 매체, 클라이언트, 브랜드, 주제는 궁극
적인 해결방법을 결정하는 요소
스콧 스토웰의 굿 잡지를 위한 일러스트
http://www.fastcompany.com/1275415/years-best-magazine-design

34.
시각화의 정의 시각화 프로세스 시각화 방법 빅데이터와 시각화 디자인
정보 디자인 프로세스
 9단계: 정제와 테스트
 시각적 형태와 모양이 갖춰지면 정제 과정이 필요
 최종 완성된 결과물 디자인이 원래 의도와 목적에 맞게 데이터와 비주얼 스토리텔링이 잘 됐는지 확인
 디자인을 평가하고 가능하면 작업물을 간단명료하게 개발하고, 반복 테스트하는 과정이 계속됨, 그리
고 이 과정은 전달하려는 정보를 모든 사람이 편안하게 볼 수 있다고 판단될 때 마무리함
 10단계: 세상에 선보이기
 완성된 인포그래픽은 온라인을 통해 대중에게 배포되며 데이터는 다른 많은 사람에게 각기 다른 방
법으로 읽히는 특이한 성향이 있음
 모든 사실 조사와 전문적 상상이 스토리의 모든 관점을 드러내는 것은 아니며 이러한 현상으로 인해
프로젝트는 결코 끝난다고 볼 수 없음, 새로운 데이터가 나타나고, 이로 인해 프로젝트는 프로세스 안
에서 지속될 것임

35.
시각화의 정의 시각화 프로세스 시각화 방법 빅데이터와 시각화 디자인
빅데이터 시각화 프로세스
 우선 빅데이터 시각화를 위한 다양한 시각화 방법을 살펴보면, 정보 디자인 교과서에서는 정보 시각화 프
로세스를 조직화된 데이터(organized data), 시각적 매핑(visual mapping),시각적 형태(visual form),
전달 방식(representation)이라는 4단계로 제시
 마티아스 샤피로는 질문 만들어내기, 데이터 수집하기, 시각적 표현 적용하기라는 3개의 핵심단계를 제시,
빅데이터 시각화에서는 주어진 범위의 데이터에서 어떻게 데이터들을 먼저 갖고 질문을 만들어 낼 것인가
의 순서가 바뀌어 나타날 수 있음
 프로세싱(Processing)을 개발하고 다수의 데이터 시각화 작업을 수행한 벤 프라이(Ben Fry)의 7단계에서
는 정보 시각화를 만드는 데 필요한 정보 획득(acquire), 분해(prase), 선별(filter), 마이닝(mine), 표현
(represent), 정제(refine), 상호작용(interact)이라는 7단계를 제시

36.
시각화의 정의 시각화 프로세스 시각화 방법 빅데이터와 시각화 디자인
빅데이터 시각화 프로세스
질문을 만들어내기
데이터를 수집하기
시각적 표현하기
개선
설득형 메시지
마티야스 샤피로의 3단계
범위파악/목적설정
데이터 수집/마이닝
그래프 가공
시각적 표현
정보디자인 프로세스 정보형 메시지
벤프라이의 7단계
표현
마이닝
선별
분석
정보획득
상호작용

37.
시각화의 정의 시각화 프로세스 시각화 방법 빅데이터와 시각화 디자인
빅데이터 시각화 프로세스
단계 단계 설명 관련분야
1단계: 획득 파일, 디스크 혹은 네트워크에서 정보를 수집하는 과정 컴퓨터공학
2단계: 분해 정보의 의미를 바탕으로 이를 구조적으로 카테고리화하는 과정 컴퓨터공학
3단계: 선별 1·2과정을 바탕으로 의미 있는 정보와 의미 없는 정보를 구분해 필요 없는 정
보를 제거하는 과정
수학, 통계학, 컴퓨터공학(데이터 마이닝)
4단계: 마이닝 3단계 과정의 데이터를 분석해 정보 추출 알고리즘을 도출해 내는 과정 수학, 통계학, 컴퓨터공학(데이터 마이닝)
5단계: 표현 4단계 과정을 통해 얻은 정보를 효율적으로 표현할 수 있는 방법에 대해 연구
하는 과정
그래픽 디자인
6단계: 정제 5단계에서 도출한 규칙을 바탕으로 정보를 시작적으로 정제하는 과정 그래픽 디자인
7단계: 상호작용 앞 단계에서 얻은 정보를 다양한 시각에서 시뮬레이션 할 수 있는 방법을 반영
하는 과정
정보 시각화, HCI
벤 프라이의 시각화 방법론

38.
시각화의 정의 시각화 프로세스 시각화 방법 빅데이터와 시각화 디자인
빅데이터 시각화 프로세스
빅데이터 시각화 프로세스
빅데이터 시각화 프로세스
1단계: 정보 구조화 데이터를 수집하고 정제하는 과정으로 데이터세트를 만들기 위한 분석 도구 필요
2단계: 정보 시각화 주로 분석 도구에서 제공하는 그래프나 분석 도구의 특성에 따른 시각화
3단계: 정보 시각표현 시각화의 의도를 강화해 전달하기 위해 분석 도구에서 만든 결과물에 별도 그래픽 요소
를 추가해 완성

39.
시각화의 정의 시각화 프로세스 시각화 방법 빅데이터와 시각화 디자인
빅데이터 시각화 프로세스
 1단계 정보 구조화
 사실 빅데이터의 시각 표현에 있어서 많은 데이터를 수작업으로 조직화하거나 분류하기 위와 같은
다양한 시각화 툴을 사용해 개발하는 경우가 대부분
 아예 데이터를 갖고 인공지능의 한 분야인 기계학습 알고리즘을 접목해 데이터를 파악하고 이를 통
해 사람이 파악할 수 없었던 결과들을 자동으로 시각 추출하는 방법도 활발히 연구되고 있음
시각화 도구 구분
수준.종류 구분 시각화 도구
기초 수준 엑셀, CVS/JSON, 구글 차트 API, Flot, Raphael, D3(Data-Driven Documents),
Visual.ly
인터랙티브 GUI 컨트롤 Crossfilter, Tangle
매핑 Modest Maps, Leaflet, Polymaps, OpenLayers, Kartograph, CartoDB
전문가 Processing, NodeBo, R, Weka, Gephi

40.
시각화의 정의 시각화 프로세스 시각화 방법 빅데이터와 시각화 디자인
빅데이터 시각화 프로세스
 엑셀
• 누구나 알고있고 쓰지만, 심도있는 분석이나 그래픽이 필요할 땐 쓰지 않음
• 쉽게 그래프를 만들 수 있음, 11개 종류의 일반적인 차트를 그릴수 있음

41.
시각화의 정의 시각화 프로세스 시각화 방법 빅데이터와 시각화 디자인
빅데이터 시각화 프로세스
 구글 차트
• 속도가 빠르며, 모바일에서
도 잘 작동함
• 동적인 데이터인 경우에는 구
글 스프레드시트에 데이터를
저장한 후 Visualization
Query로 읽어와 차트를 만
들 수도 있음
• 잘 모르는 초보자를 위한 위
자드 툴도 제공
• 스프레드쉬트와 차트 API를
함께 씀

42.
시각화의 정의 시각화 프로세스 시각화 방법 빅데이터와 시각화 디자인
빅데이터 시각화 프로세스
 Infogr.am
• 엑셀보다 많은 30개의 기본차트를 이용할수 있음
• 온라인이나 무료임
• PNG, PDF화일로 추출할수 있고, 임베디드 코드등이 제공되어 온라인 공유가 용이

43.
시각화의 정의 시각화 프로세스 시각화 방법 빅데이터와 시각화 디자인
빅데이터 시각화 프로세스
 매니아이즈 Many Eyes V2
• 11개의 word trees, heat maps, tree maps, the infamous word cloud 등이 제한되어 제공됨
• 데이타 셋을 올리고 차트를 선택하면됨

44.
시각화의 정의 시각화 프로세스 시각화 방법 빅데이터와 시각화 디자인
빅데이터 시각화 프로세스
 D3.js
• 데이터 시각화 프레임워크, 자바스크립트로 개발
• HTML, SVG, 그리고 CSS를 이용하여 시각화 요소를 만들어냄

45.
시각화의 정의 시각화 프로세스 시각화 방법 빅데이터와 시각화 디자인
빅데이터 시각화 프로세스
 파이썬http://python.org
• 대규모 데이터를 무리없이 다룸 큰 규
모의 계산에 쓰임
• 적은 코드만으로 많은 기능을 만듬
• 다양한 라이브러리를 이용할수 있음
• 미학적으로는 훌륭하지 않더라도 데이
터 탐색 단계라면 훌륭한 툴

46.
시각화의 정의 시각화 프로세스 시각화 방법 빅데이터와 시각화 디자인
빅데이터 시각화 프로세스
 Processing
• 디자이너와 데이터 아티
스트 활용을 목적으로 만
들어진 프로그래밍 언어.
• 몇 줄의 코드로 애니메이
션과 인터랙티브 그래픽
을 만들 수 있음.
• 단점은 자바로 만들어져
느려질 수 있다. 하지만
최근 자바스크립트로 만
들어주는 프로세싱 버전
이 공개되었다.

47.
시각화의 정의 시각화 프로세스 시각화 방법 빅데이터와 시각화 디자인
빅데이터 시각화 프로세스
 오픈 프로젝트 R
• 무료 오픈소스 통계 소프트웨어
• 대다수의 통계학자와 분석가가 선호
• 데이터 통계분석을 목적으로 만들어짐
• 코드몇줄로 데이터 그래픽을
• 만들어주는 패키지가 많음
• 하지만 프로그래밍 언어기 때문에 마우스 만
으로는 어떻게 안됨
• 인터랙티브 그래픽과 애니메이션이 취약하고
, 그래픽적으로 한번 더 수정을 해야 함
• http://r-project.org

48.
시각화의 정의 시각화 프로세스 시각화 방법 빅데이터와 시각화 디자인
빅데이터 시각화 프로세스
 YFD(Your.flowingdata)
• 온라인 애플리케이션
• 트위터에서 데이터를 수집
해 인터랙티브 시각화 도구
로 패턴과 관계를 찾아봄
• 개인적인 데이터를 다루기
위해 만들었음

49.
시각화의 정의 시각화 프로세스 시각화 방법 빅데이터와 시각화 디자인
빅데이터 시각화 프로세스
 Adobe Illustrator
• 벡터기반 그래픽 제작 시에
편리
• 기본적인 그래프형식 지원
• PDF포맷으로 추출된것을
열어 편집하는데 이용됨
• http://www.adobe.com
/product/illustrator.html

50.
시각화의 정의 시각화 프로세스 시각화 방법 빅데이터와 시각화 디자인
빅데이터 시각화 프로세스
 2단계 정보 시각화
 빅데이터의 시각화를 위해서는 전문가 수준의 툴을 이용해 다양한 데이터를 시각화하는 것이 필요
 특히 빅데이터에서의 ‘데이터 시각화 툴’은 일반적으로 자신의 데이터를 분석하기 위한 플랫폼을 의
미
 정보 시각화 단계에서는 시각화 툴에서 제공하는 다양한 그래프를 어떤 이유로, 왜 쓰는지, 어떻게 표
현해야 하는지에 대해 설명하고자 함
 각각의 그래프에 대한 가이드와 예제를 통해 시각화 툴에서 제공하는 그래프를 효율적으로 이용하게
하는 데 목표를 두고 있음
 3단계 정보 시각표현
 최종적으로 시각적인 완성을 하는 단계로, 시각화 툴로 선택한 그래프를 시각적으로 더 다듬거나 시
각 표현을 극대화하는 방안을 실험하면서 완성
 세부적인 데이터를 시각화하기 위한 그래픽의 7요소, 전체적인 시각화를 완성하기 위한 그래픽 디자
인의 기본 원리, 인터랙션 디자인을 통해 방대한 양의 데이터 시각화를 탐험할 수 있게 하는 다양한
방법을 습득할 필요가 있음