데이터 시각화 · 산업 지도
광융합 산업지도 — 위치 기반 기업 탐색 플랫폼
기업 87개사 지도·필터·통계 패널 및 데이터 관리 화면 구축
사이트 열기photomap.celis.co.kr
프로젝트 · 자체 기획·구축 프로젝트스택Next.jsReactTypeScriptLeaflet
photomap.celis.co.kr
문제 — Problem
기업 목록·지도·통계라는 세 가지 정보 표현이 한 화면에서 서로를 가리지 않고 동시에 읽혀야 함.
지역별로 기업이 몰려 있어(수도권 46개사) 지도 위 마커가 겹치는 문제를 해결해야 함.
분야 8종·시도 11곳·기업 규모라는 다중 필터가 지도·목록·통계에 동시에 반영되는 구조 필요.
접근 — Approach
01
좌측 필터·중앙 지도·우측 통계의 3분할 구조로 각 영역의 역할을 분리하고, 어두운 지도 타일 위에 분야별 색을 얹어 데이터가 주인공이 되도록 설계.
02
겹치는 마커는 분야 구성을 도넛 형태로 표현한 클러스터로 묶어, 확대하지 않아도 그 지역의 산업 구성이 읽히게 처리.
03
필터 조작이 지도 마커·목록·소재지별 막대·분야별 구성에 즉시 반영되는 단일 상태 구조로 구현.
결과 — Result
—
공개된 기업 데이터를 실제로 수집·정제해 87개사를 적재하고, 검색·필터·통계가 도는 탐색 도구로 완성.
—
"데이터를 지도와 지표로 옮기는 작업"을 화면으로 증명하는 레퍼런스.
이 작업의 서비스
웹 서비스 · 웹앱 개발
다음 케이스
OBLIQUE MANAGEMENT — 모델 에이전시 공식 사이트
만들고 싶은 게 있으시면 편하게 문의해 주세요.
될지부터 솔직하게 말씀드립니다.