/somyeol-KBS

KBS 시사 다큐 '소멸의 땅'의 인터렉티브 웹입니다

Primary LanguageJavaScriptMIT LicenseMIT

소멸의 땅

KBS 시사 다큐 '소멸의 땅'(2021년 4월 4일 KBS 시사기획 창 방영)의 인터렉티브 웹입니다.

목차

일반 정보

  • 본 프로젝트는 2021 4월 4일 KBS 시사기획 창에서 방영한 '소멸의 땅'의 내용을 데이터 중심으로 정리한 인터렉티브 웹입니다. 다음 주소에서 웹사이트를 방문할 수 있습니다: https://news.kbs.co.kr/special/somyeol/index.html
  • 제 1장 '위기의 전조'에는 2019년 기준 빈집율의 단계를 읍면동 단위로 구분하여 나타내는 2D 인터렉티브 지도가 있습니다
    • 사용자는 궁금한 지역을 입력 또는 선택하여 해당 지역의 빈집율을 얻을 수 있습니다
  • 제 1장 '위기의 전조'에는 2019년 기준 지방소멸지수의 단계를 읍면동 단위로 구분하여 나타내는 2D 인터렉티브 지도가 있습니다
    • 사용자는 궁금한 지역을 입력 또는 선택하여 해당 지역의 지방소멸지수를 얻을 수 있습니다
  • 제 2장 '쏠림과 빨림'에는 인구에 따라 지도 면적을 왜곡하여 나타내는 카토그램이 있습니다
    • 사용자는 연도를 선택하여 시대에 따라 수도권과 비수도권의 인구밀집이 어떻게 변화하였는지 시각적으로 파악할 수 있습니다
  • 제 2장 '쏠림과 빨림'에는 청년인구의 이동을 나타내는 3D 인터렉티브 지도가 있습니다
    • 사용자는 궁금한 지역을 선택하여 해당 지역에서 수도권으로 이동한 청년인구의 비율을 얻을 수 있습니다

설정

다음과 같이 yarn을 사용하여 프로젝트를 실행할 수 있습니다:

$ cd ../somyeol-KBS
$ yarn
$ yarn start

주요 특성

2019 읍면동 단위의 빈집율 지도

카토그램

  • 2019년 기준 우리나라의 빈집율을 읍면동 단위로 나타낸 2D 인터렉티브 지도로, Leaflet을 사용하여 만들었습니다.
  • 지도에 사용된 데이터는 popData_optimized.json입니다.

2019 읍면동 단위의 지방소멸지도

카토그램

  • 2019년 기준 우리나라의 소멸위험지수를 읍면동 단위로 나타낸 2D 인터렉티브 지도로, Leaflet을 사용하여 만들었습니다.
  • 지도에 사용된 데이터는 popData_optimized.json입니다.

시대별 인구변화를 나타내는 카토그램

카토그램

  • 우리나라의 시대별 인구변화를 면적의 왜곡으로 나타내는 지도로, D3.js를 사용하여 만들었습니다. 각 지역의 인구 수는 면적 크기와 비례합니다.
  • 지도에 사용된 데이터는 korea_map3_optimized.geojson과 new_offset.csv입니다.

수도권으로의 청년인구이동을 나타내는 3D 지도

3D 수도권 인구 이동 지도

  • 비수도권에서 수도권으로 이동한 청년인구를 나타내는 3D 지도로, kepler.gl와 redux를 사용하여 만들었습니다.
  • 지도에 사용된 데이터는 young_move.json과 map_config.json입니다.

상단에 있는 연두색의 "Clone or download" 버튼을 클릭하여 본 프로젝트에 사용된 소스 코드 및 데이터를 모두 다운로드할 수 있습니다.

기술

  • 본 프로젝트는 CRA(Create-React-App)를 사용하였습니다.
  • package.json에서 프로젝트 개발에 사용된 모든 dependency를 확인할 수 있습니다.

수상

참고

  • Statistics Korea 원본 데이터 제공처
  • Kepler.gl 3D 인터렉티브 지도 개발용
  • Leaflet 2D 인터렉티브 단계구분도 개발용
  • D3 카토그램 개발용

라이센스

Interactive Web Documentary with Data Visulization

Table of contents

General Info

Setup

To run this project, install it locally using yarn:

$ cd ../somyeol-KBS
$ yarn
$ yarn start

Main Features

Vacancy Rate per EupMeonDong 2019

카토그램

  • This interactive choropleth map visualize the vacancy rate per EupMeonDong in South Korea.
  • This map is made with Leaflet
  • Data can be found in popData_optimized.json

Local Extinction Rate per EupMeonDong 2019

카토그램

  • This interactive choropleth map visualize the local extinction rate per EupMeonDong in South Korea.
  • This map is made with Leaflet
  • Data can be found in popData_optimized.json

Cartogram

카토그램

  • This cartogram visualize the change of population over time in South Korea.
  • The geographic size is altered to be directly proportional to population.
  • This map is made with D3.js
  • Data can be found in korea_map3_optimized.geojson and new_offset.csv

3D MAP

3D 수도권 인구 이동 지도

  • This 3D map visualize the out-migration of young population, from outside to inside Seoul capital area in South Korea.
  • A private MAPBOX access token is required to import 3D map.
  • This map is made with kepler.gl and redux
  • Data can be found in young_move.json and map_config.json

Download all the data or clone this repository by clicking the green "Clone or download" button above.

Technologies

  • This project is built with CRA(Create-React-App).
  • Used dependencies and versions can be found in package.json in the project root.

Awards and Achievements

Reference

License