1.
VISUALIZATION & INFOGRAPHICS
인포그래픽 맵 생성을 위한
솔루션 소개
2014년 08월 27일
(주)망고시스템
이한진 (jinifor@gmail.com)

2.
TOPICS
■ INFO + GRAPHICS
 데이터와 시각화
 데이터 종류에 따른 시각화 방법
 인포그래픽 제작 도구 및 서비스
 인포그래픽 맵 제작 도구 및 서비스
■ m33 소개
 아키텍쳐
 서비스 카테고리 (DATA, LAYER, MAPS)
 활용분야
 앞으로의 계획

3.
INFO + GRAPHICS
- 데이터와 시각화
- 데이터 종류에 따른 시각화 방법
- 인포그래픽 제작 도구 및 서비스
- 인포그래픽 맵 제작 도구 및 서비스

4.
이한진(jinifor@gmail.com)
데이터와 시각화
4

5.
이한진(jinifor@gmail.com)
데이터 종류에 따른 시각화 방법
시간
분포
관계
비교
공간
시간 경과에 따른 연속적 변화
최대·최소·전체 분포 특성을 가짐
변화하는 두 변량의 상관관계
하나 이상의 변수로 구성하여 비교
< Nathan Yau, VISUALIZE THIS - 시각화의 분류>
5

6.
이한진(jinifor@gmail.com)
인포그래픽 제작 도구 및 서비스
...
6

7.
이한진(jinifor@gmail.com)
인포그래픽 제작 도구 및 서비스
<easelly – create visual>
7

8.
이한진(jinifor@gmail.com)
인포그래픽 제작 도구 및 서비스
<Piktochart – Map Data Mapping>
8

9.
이한진(jinifor@gmail.com)
인포그래픽 MAP 제작 도구 및 서비스
OpenLayers 3
...
9

10.
이한진(jinifor@gmail.com)
인포그래픽 MAP 제작 도구 및 서비스
<CartoDB – Choropleth Map>
10

11.
이한진(jinifor@gmail.com)
인포그래픽 MAP 제작 도구 및 서비스
<Mapbox – Custom Styling map>
11

12.
이한진(jinifor@gmail.com)
인포그래픽 MAP 제작 도구 및 서비스
<Maroon 5 - MAPS>
12

13.
m33
- 아키텍쳐
- 서비스 카테고리 (DATA, LAYER, MAPS)
- 앞으로의 계획

14.
m33
■ 인포맵 생성과 공유할 수 있는 웹 애플리케이
이한진(jinifor@gmail.com)
션
14

15.
주요 특징
■ 데이터를 직접 업로드하여 지도 시각화
■ 행정경계와 같은 영역(ZONE) 데이터 제공
■ 국제화(i18n) 가능한 환경과 인코딩 사용
■ 데이터베이스(공간) 확장성을 가진 설계로 다양
이한진(jinifor@gmail.com)
한 DBMS 사용 가능
■ 많은 종류의 지오프로세싱 알고리즘 보유
■ 생성한 레이어,맵의 다운로드 가능
■ 데이터, 레이어, 맵의 공유
15

16.
이한진(jinifor@gmail.com)
시스템 아키텍쳐
GXT for GeoServer
Mango MAP
16

17.
이한진(jinifor@gmail.com)
소프트웨어 아키텍쳐
17

18.
이한진(jinifor@gmail.com)
서비스 카테고리
18

19.
이한진(jinifor@gmail.com)
DATA
<서울 열린데이터 광장, TIGER Products, 국가공간정보유통시스템>
19

20.
<Single> <Graduated> <Heatmap> <Statistical Chropleth>
이한진(jinifor@gmail.com)
LAYER
?
<Statistical> <Hexagon> <Thiessen>
20

21.
이한진(jinifor@gmail.com)
=
INFOMAP
?
21

22.
■ 디자인 개선
■ 인포맵 생성 템플릿의 다양화
■ 소셜 데이터의 활용을 위한 기반 마련
 지오태그 자료 구분
 Foursquare 체크인 데이터
■ 지오코딩, 데이터 정제
이한진(jinifor@gmail.com)
앞으로의 계획
22

23.
DEMO
- 데이터 업로드
- 레이어 생성
- 공유맵 활용

24.
이한진(jinifor@gmail.com)
DEMO - 데이터 업로드 · 관리
<데이터 업로드>
<업로드된 데이터 관리 - 데이터타입 변경, 컬럼명 수정>

25.
이한진(jinifor@gmail.com)
DEMO - 레이어 종류
<서울시 스타벅스 매장 포인트 데이터로 동단위로 구분 - Statistical Chropleth>

26.
이한진(jinifor@gmail.com)
DEMO - 레이어 종류
<부산지역의 대형마트의 수를 코로폴리스 맵으로 표현 - Statistical Chropleth>

27.
이한진(jinifor@gmail.com)
DEMO - 레이어 종류
<서울시 주차장 분포 현황 - Heatmap>

28.
이한진(jinifor@gmail.com)
DEMO - 레이어 종류
<전국 우체국 분포를 100㎡ 단위로 Point Statistics
분석 결과 – Fishnet : Rectangle>

29.
이한진(jinifor@gmail.com)
DEMO - 레이어 종류
<Grid 폴리곤을 생성과 분석을 위한 옵션 – Fishnet : Rectangle>

30.
이한진(jinifor@gmail.com)
DEMO - 레이어 종류
<원형타입의 Fishnet 지도 생성 – Fishnet : Circle>

31.
이한진(jinifor@gmail.com)
DEMO - 레이어 종류
<Hexagon 폴리곤 생성 후 분석 실행 - Hexagon>

32.
Q&A
- jinifor@gmail.com
- http://mangosystem.com