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년 기준 우리나라의 빈집율을 읍면동 단위로 나타낸 2D 인터렉티브 지도로,
Leaflet을 사용하여 만들었습니다. - 지도에 사용된 데이터는 popData_optimized.json입니다.
- 2019년 기준 우리나라의 소멸위험지수를 읍면동 단위로 나타낸 2D 인터렉티브 지도로,
Leaflet을 사용하여 만들었습니다. - 지도에 사용된 데이터는 popData_optimized.json입니다.
- 우리나라의 시대별 인구변화를 면적의 왜곡으로 나타내는 지도로,
D3.js를 사용하여 만들었습니다. 각 지역의 인구 수는 면적 크기와 비례합니다. - 지도에 사용된 데이터는 korea_map3_optimized.geojson과 new_offset.csv입니다.
- 비수도권에서 수도권으로 이동한 청년인구를 나타내는 3D 지도로,
kepler.gl와redux를 사용하여 만들었습니다. - 지도에 사용된 데이터는 young_move.json과 map_config.json입니다.
상단에 있는 연두색의 "Clone or download" 버튼을 클릭하여 본 프로젝트에 사용된 소스 코드 및 데이터를 모두 다운로드할 수 있습니다.
- 본 프로젝트는 CRA(Create-React-App)를 사용하였습니다.
package.json에서 프로젝트 개발에 사용된 모든 dependency를 확인할 수 있습니다.
- 유네스크와 아시아태평양방송연합, ABU가 공동 주최하는 T4P 미디어상, 변혁적 교육 분야 디지털 부문 대상
- Nominated for The SIGMA AWARDS 2022 for data journalism
- 제 4회 데이터 저널리즘 어워드 올해의 데이터 시각화상 수상
- Statistics Korea 원본 데이터 제공처
- Kepler.gl 3D 인터렉티브 지도 개발용
- Leaflet 2D 인터렉티브 단계구분도 개발용
- D3 카토그램 개발용
- 고다혜, 웹 개발 - [email protected]
- 최동혁, 데이터 시각화 - [email protected]
- https://github.com/hyeda1103/somyeol-KBS/blob/main/LICENSE.md
-
Interactive Web Documentary with Data Visualization
-
Contents based on 소멸의 땅 aired on KBS, April 4th, 2021
-
Visit website: https://somyeol.kbs.co.kr/
To run this project, install it locally using yarn:
$ cd ../somyeol-KBS
$ yarn
$ yarn start
- 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
- 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
- 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
- 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.glandredux - 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.
- This project is built with CRA(Create-React-App).
- Used dependencies and versions can be found in
package.jsonin the project root.
- Nominated for The SIGMA AWARDS 2022 for data journalism
- 제 4회 데이터 저널리즘 어워드 올해의 데이터 시각화상 수상
- Statistics Korea for raw data
- Kepler.gl for 3D interactive map
- Leaflet for 2D interactive choropleth map
- D3 for Cartogram
- Lottie for animated graphs
- ReactPlayer for custom video player
- Dahye Ko as Web Developer - [email protected]
- Donghyuk Choi as Data Scientist - [email protected]
- https://github.com/hyeda1103/somyeol-KBS/blob/main/LICENSE.md