태블로 공간 조인 & 버퍼 : 제주도 호텔 1km 근처 맛집 지도 (공공데이터포털 데이터 시각화)

제주 호텔 근처 1km 맛집 지도

오늘은 아래와 같이 내가 묵을 호텔 근처 1km 근처의 맛집을 알려주는 대시보드를 만들어보겠습니다.

핵심 기능

맛집 위경도와 호텔 위경도 공간 조인

→ 특정 호텔 근처 1km 내의 맛집의 개수와 위치 보여주기

1. 사용한 데이터

사용을 원하실 경우, 제 구글 계정에 연결되어 있기 때문에 아래 두개 데이터를 본인 시트 또는 엑셀에 복사해서 사용하시면 됩니다.

  1. 제주도 모범음식점 리스트 (출처 : 공공데이터포털)
    구글스프레드시트 제주도 모범음식점
  2. 제주도 호텔 리스트 (출처 : 공공데이터포털)
    구글스프레드시트 제주도 호텔

위경도 데이터 없을 때 만드는 팁 : Geocode

구글스프레드 시트를 이용한 이유는 소재지를 기반으로 Geocode를 하여 위경도 정보를 얻기 위해서입니다.

구글 스프레드 시트 로그인 → 부가기능 설치 → Geocode by Awesome Table 설치

Address column (주소 컬럼) 선택 → Geocode 버튼 클릭

그러면 자동으로 주소 정보 옆에 위도 경도 데이터가 생깁니다.


2. 공간 조인

2-1 데이터 연결 & 추가

먼저 호텔 데이터를 캔버스에 드래그 한 뒤, 연결 추가를 누르고 모범음식점 데이터를 불러옵니다.

2-2 데이터 조인

호텔 데이터를 더블클릭 한 후 조인 창을 열고, 그 옆에 모범음식점 데이터를 조인해줍니다.

주의 ) 여기서는 공간 조인을 사용하려고 하는 것이기 때문에, 반드시 데이터 더블클릭 후 조인 창을 열어주셔야 합니다. 모범음식점 데이터를 그냥 호텔 데이터 옆에 드래그 하시면 긴 줄이 생기면서 데이터 관계로 설정되기 때문에 안됩니다.

2-3 조인 계산 & 공간 조인 Intersects

호텔 데이터 조인 계산

먼저 왼쪽 호텔 데이터에서 조인 계산 편집을 눌러줍니다.

Buffer 는 태블로에서 점을 중심으로 지정된 거리의 버퍼를 반환하는 함수입니다.

Buffer (Geometry, 거리, 단위) 

따라서 아래 조인 계산은 호텔의 위경도 중심으로 1km 거리의 버퍼를 반환하게 됩니다.

맛집 데이터 조인 계산

다음으로, 맛집 정보 데이터에서 조인 계산 편집을 눌러준 뒤 아래와 같이 입력해줍니다.

참고 ) Latitude, Longtitude 데이터 필드가 중복되기 때문에, 저는 데이터 원본 창에서 필드명을 더블클릭 해준 뒤 필드명을 (맛집) 으로 변경했습니다.

조인 유형 : Intersects

마지막, 조인 유형으로 공간 조인을 하기 위한 Intersect를 선택해줍니다.

완성

공간조인이 잘 완료되면 아래와 같이 이름을 공간조인 완료 로 바꿔줍니다.


3. 시트 제작

3-1 호텔 근처 맛집 개수 정보

행 선반에 호텔 업소명을, 텍스트에 공간조인 완료 (카운트) 를 넣어줍니다.

그러면 호텔 근방 1km 의 맛집 개수를 알 수 있습니다. (공간조인을 했기 때문에 계산 가능합니다)

3-2 호텔 맵 만들기

열선반에 Longtitude, 행선반에 Latitude 를 넣습니다. 전체 호텔 위경도 정보가 자동으로 지도에 맵핑됩니다.

참고 ) 저는 Mapbox 에서 새로운 맵 테마를 만들어왔습니다. 아래 내용을 참고하시면 됩니다.
Mapbox 맵 사용

세부 정보에 업소명과 소재지를 넣고 도구 설명에 넣습니다. (마우스오버 할 때마다 세부정보를 볼 수 있게)

마크 유형을 모양으로 바꾸고, 원하는 모양으로 바꿔줍니다.

참고) 사용자 지정 모양은 내 Tableau 리포지토리 – 모양 폴더에 PNG 파일을 추가하면 사용가능합니다.

3-3 맛집 맵 만들기

아래와 같이 맛집의 위치를 반환하는 계산된 필드를 만들어 줍니다.

Makepoint 함수는 위도 경도로 구성된 공간 개체를 반환하는 함수입니다.

Restaurant 필드를 지도 위에 드래그 합니다. (마크 계층 추가)

마크 유형은 맵으로 변경해줍니다. 그러면 점 모양으로 맛집의 위치가 찍히는 것을 볼 수 있습니다.

3-4 버퍼 만들기

아래와 같이 호텔 주변 1km 버퍼를 반환하는 계산된 필드를 만들어줍니다.

이렇게 만든 버퍼 필드도 맵 위에 드래그해줍니다. (마크 계층 추가)
그리고 마크 유형을 맵으로 변경해줍니다. 그러면 호텔 주변 1km에 원이 생기는 것을 볼 수 있습니다.


4. 대시보드 제작

참고) 저는 피그마에서 따로 대시보드 이미지 파일을 제작했습니다.

4-1 호텔 검색 필터 만들기

호텔 정보 시트를 드래그 한 후, 필터 유형을 와일드 카드 일치로 해서 검색창을 만들어줍니다.

4-2 대시보드 동작

호텔 정보를 클릭하면 맵과 호텔 이름 시트가 변경되는 동작을 아래와 같이 설정해줍니다.

참고) 호텔 이름 시트는 따로 만드는 과정을 설명하지는 않았으나, 텍스트에 업소명만 드래그해주시면 됩니다.

4-3 팁 ) 메인 화면 만들기

메인 화면의 이 시작 버튼은 왼쪽 하단의 탐색 개체를 활용하면 됩니다.

아래와 같이 이동할 위치와, 사용할 이미지를 선택해주시면 됩니다.


완성

자 오늘은 이렇게 공간조인을 활용해서 내 주변 호텔 1km 의 맛집 지도를 만들어 보았습니다!

궁금하신 점이 있으시다면 아래 댓글로 남겨주세요! 감사합니다 🙂

2 thoughts on “태블로 공간 조인 & 버퍼 : 제주도 호텔 1km 근처 맛집 지도 (공공데이터포털 데이터 시각화)

  1. Buffer (Makepoint) 로 데이터 연결 시 지정하는 거리 설정 값 (위에선 ‘1’ km 지정)을 매개변수화 하여 수치 조절을 데이터 연결에서 편집하는 것이 아닌 워크시트 혹은 대시보드에서 편집하는 방법은 없을까요? 저도 이 부분 구현해서 실무에 활용중인데 보여지는 버퍼는 매개변수로 조절 가능하나, 실제 버퍼를 통한 필터는 데이터 연결 시 설정한 수치로만 변경 가능한거 같아서 문의 드립니다.

댓글 남기기

태블로위키만의 새로운 소식, 놓칠 수 없겠죠?