🌱 [그래프 레터]서울과 다른 지역의 실제 거리는?

여러분 안녕하세요, 정보디자이너 ssen 입니다.

최근 외부에서 일정이 생겨서 평소에 잘 타지 않는 노선의 지하철들을 탔는데요.
이제 서울/경기권은 아무리 멀어도 지하철로 어떻게든 닿는다는 걸 느낍니다.
여기에 지하철로 갈 수 있는 거리=체감상 가까운 곳이 되어 가고 있죠.

그럼 지하철이 생기는 곳은 무조건 더 가까워지는걸까?
궁금해졌습니다.

서울을 중심으로 해서 각 지역을 연결하는 주요 지점들을 찾아서
실제 거리와 지하철을 이용했을 때 거리를 비교해 봤습니다.
여기에서 거리비교의 기준은 강남역으로 잡았어요.

서울과 경기를 기준으로 했을 때 각 지역을 판단하는 주요 기준 중 하나가 '강남역과의 거리'입니다.
출퇴근 거리나 부동산을 판단할 때도 주로 쓰이죠.

각 지역들의 방향과 강남역과의 거리를 ai를 통해 파악하고 동심원 위에 배치했어요.
이러면 강남역 중심으로 같은 거리만큼 떨어져 있는 지역들을 파악할 수 있습니다.

다음에는 선정 기준을 소요시간으로 바꿔봤습니다.
수많은 교통수단과 시간 변수 등을 생각했을 때 솔직히 직선상의 거리는 의미가 없다고 생각했어요.
네이버 지하철 경로 검색을 이용해서 각 지역과 강남역간의 소요 시간을 재고 위와 같은 동심원 위에 배치했습니다.

이때 비교를 위해 이전 거리 기준의 지하철 위치를 각 회색 점으로 넣었습니다.
조금 재미있는 부분이 생기는데요.

모든 지하철 역이 새로 생긴다고 해서 물리적 거리를 줄여주지는 않는다는 겁니다.
특히 판교와 정자, 동탄의 경우는 강남역과의 거리를 상대적으로 매우 많이 줄이는 한편,
김포공항과 여의도는 오히려 소요 시간으로는 중심에서 살짝 밀려납니다.
서해선의 두 역도 물리적인 거리에 비해 시간 거리는 조금 더 밀려나는 느낌입니다.

당장의 지도만 보면 서울은 강남역을 기준으로 했을 때 동남쪽으로 점점 커가고 있는 상황이죠.
동남쪽의 경기권 지역들을 끌어당기면서요.

인터랙티브 차트와 후기를 직접 확인해보실 분들은 아래의 링크를 클릭해주세요.

인터랙티브한 그래프를 작성하기 위해 바이브코딩을 사용했습니다. 주요 단계에서의 프롬프트를 공개합니다. 여기서 언급된 Observable은 차트를 보기 위한 사이트의 이름으로, 여러분의 상황에 따라 삭제하거나 파이썬, R등의 도구 이름으로 넣어도 무방합니다.

차트 구조 설계

Observable에서 특정 지점을 중심으로 방위각과 거리(또는 소요시간)를 기준으로 점을 동심원 위에 배치하는 차트를 만들고 싶어. 데이터는 [출발역, 방위각, 직선거리_km, 소요시간_분] 컬럼을 가진 CSV야. 차트 구조 설명이랑 필요한 데이터 형식을 먼저 알려줘.

기본 차트 작성

일단 토글이나 애니메이션 없이, 직선거리 기준 동심원에 점만 찍는 가장 단순한 버전을 먼저 만들어줘. 셀은 데이터 로드 / 차트 본체 두 개로 나눠줘.

인터랙티브 차트 작성

버튼을 누르면 직선거리 기준과 소요시간 기준 사이를 전환할 수 있게 해줘. 전환할 때 점이 뚝 바뀌는 게 아니라 원래 위치에서 새 위치로 부드럽게 이동했으면 좋겠어.

위 프롬프트를 그대로 써도 좋고, 여러분이 관심있는 데이터에 맞게 바꿔서 써보셔도 좋습니다.