CartoDB로 전국 성범죄 지도를 더 보기 쉽게 가공하기

전국 성범죄 지도를 내 발표에 맞게 지도 위에 시각화 하기

웹서비스를 통해 부동산 중개 사업을 하는 회사의 기획실 사원 A가 제안 프레젠테이션 하는 상황을 가정해봅시다. A는 이 지도를 가지고 성범죄 지역 필터링을 통해 여성에게 맞춤 방을 추천해주는 알고리즘을 제품에 넣자는 제안을 하려 합니다. 이런 상황에서는, 조금 더 쉽고 멋진 발표를 위해서 목적에 맞게 조금 더 지도를 커스터마이징하는게 좋을 것입니다. 예를 들면 다음과 같은 것들입니다.

<전국 성범죄 지도, 뉴스타파 김강민 데이터 저널리스트 제작>

  1. 정확한 성범죄율을 보려면, 각 시군구를 클릭해야 한다. 마우스 이동 만으로도 해당 지역의 정보를 보여줄  수 있다면 발표가 더 수월할 것이다.
  2. 성범죄율이 높은 지역의 특징을, 단순히 말로 설명하는 것보다 지도 위에 정보가 한눈에 표시되면 좋을 것이다.
  3. 성범죄가 어디에서 발생하는지(건물 안 혹은 주차장 등)를 발표하려고 한다. 단순히 범죄율을 보여주는 것보다, 발생 지역도 보여주는 게 좋을 것이다.

CartoDB를 이용해 나에게 필요한 정보를 손쉽게 모아 보기   

아래 지도로 발표를 한다고 한다면? 지도를 확대해가면서 8레벨에 뜨는 주석은 대도시와 인구 이동 연관성을 설명하고, 9레벨에 뜨는 주석으로 주한 외국인과의 연관성을 설명할 수 있습니다.

또한 마우스를 이동하면서 오른쪽 아래의  레전드(legends)정보를 설명할 수도 있습니다. 오른쪽 위의 필터 버튼을 눌러 특정 범죄율만 볼 수 있습니다.

CartoDB로 데이터 커스터마이징 하는 법

Chapter 1. 사용할 데이터를 업로드하고, 지도에 표출하기

데이터를 시각화하기 위해서는 데이터가 필요합니다. CartoDB 홈페이지(www.cartodb.com)에서  계정을 생성하세요. CartoDB 계정으로 데이터를 업로드하면 지도에 바로 표현됩니다.

CartoDB 사이트에 들어가 보시면 굉장히 직관적인 UI로 되어 있는 것을  알 수 있는데요, 부연 설명이 없어도 쉽게 사용법을 이해하실 수 있습니다.

Chapter 2. 사용자 목적에 맞게 커스터마이징 하기 – with CartoDB web editor

데이터를 지도에 표출하였다면, 이제는 목적에 맞게 지도를 수정할 차례입니다. CartoDB 웹에디터를 사용하면 손쉽게 커스터마이징이 가능하다는 장점이 있습니다. 동영상을 보면서 따라해 보세요!

Chapter 3. 인터렉티브 코딩(Interactive coding) – with CartoDB.js

웹 에디터로 사용자의 동작에 반응할 수 있는 간단한 인터렉션(interaction)을 설정할 수 있습니다. 예를 들어 Infowindow나 줌 레벨 클릭 같은 것인데요, 사용자의 동작에 따라서 특정 범죄율을 보여주는 등 사용자가 정보를 선별해 보기 위해서는 조금 더 디테일한 작업이 필요합니다. 이는 CartoDB.js를 활용해서 코딩으로 가능합니다.

지금까지 1)데이터 업로드 방법과 데이터 지도 시각화, 2)커스터마이징 그리고 3)코딩을 통해 필요 정보를 선별해 볼 수 있는 반응형 시각화(Interaction)과정을 안내해 드렸습니다. 이번 포스팅이 여러분께서 시각화를 이해하는데 어느 정도 도움이 되었다면 좋겠습니다.

CartoDB에 관한 문의 사항이 있으시면 언제든지 SPH(help@sphinfo.co.kr)로  연락 주시기 바랍니다.

>>뉴스타파 성범죄 관련 기사 보기