[Tableau] 제주도 음식점 검색 대시보드 필사 : 공간조인, Buffer, Makepoint

📌 태블로 스터디 소개 

https://github.com/hopebii/tableau-study_euron 

GitHub - hopebii/tableau-study_euron

1월 26일부터 2월 27일까지 진행하는 겨울방학 태블로 스터디를 스터디 장 역할을 맡아 진행하고 있다.

처음엔 태블로 툴을 배워보고 싶다는 생각이 들어서 무작정 동아리 부원분들과 인원을 꾸렸다.

무엇부터 시작해야할지 막막했지만, 어느 도전이나 그러하듯 실천해보면서 그림이 점차 그려졌다. 

 

<진행 목차>

1. 네이버 부스트코스 tableau 강의 수강 

2. 인프런 태블로 level up 강의 수강 

3. 대시보드 소개 및 시각화 절차 분석 

4. 대시보드 필사 

5. 직접 나만의 대시보드 만들기 

 

순으로 스터디를 진행했고, 현재 시점으로 4번까지 완료했다. 

1,2번에서 공부한 부분은 노션으로 정리해서, 깃허브에 링크를 공유했으니 블로그에는 따로 쓰진 않겠다. 

 

📌 필사 소개

💡 대시보드 선택 이유 

계속 superstore 데이터 위주로 태블로를 공부하다가, 필사를 하면서 직접 공공데이터를 시각화 해보았다. 

http://tableauwiki.com/ 한국 태블로 커뮤니티 사이트인데, 영어 울렁증이 조금 있어서 일단 거부감 없이 도전해보고자 국내에서 태블로로 유명하신 분들의 대시보드 위주로 검색해보았다. 

 

사실 BTS 의 스포티파이 음악 관련 데이터셋으로 PCA를 구현하는 tabpy 를 구현해보고 싶었으나, 태블로 데스트탑(유로) 버전이 아닌 태블로 퍼블릭(무료) 버전을 사용하고 있어서 하지 못했다.  대신, 관심 있었던 추천 시스템 기능과 유사한 대시보드를 필사하고 싶어 http://tableauwiki.com/tableau_spatial_join/ 이를 선택하게 되었다. 

 

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

▷ 목적 : 특정 호텔 근처 1km 내의 맛집의 개수와 위치를 보여주는 기능을 구현 

 

▷ 키워드

 1. 공간 조인 intersects (그러나 이부분도 역시 유료버전만 가능)

 2. Buffer , Makepoint, Makeline → 위도와 경도 필드를 다루는 함수들 

 

💡 개념 설명 

1️⃣ Buffer

Buffer : 점을 중심으로 지정된 거리의 버퍼(반경)를 반환하는 함수

• 참고 링크 , 예제
• 입력받은 위도, 경도를 기준으로 거리를 단위로 반경을 그려주는 함수
• Buffer(Geometry, 거리, 단위)
  • Geometry : 위경도 값을 그대로 넣으면 안되고, 지리적 지점을 만들어야 한다.

  • BUFFER(MAKEPOINT([Latitude], [Longitude]), 1, 'km')​

→ 호텔의 위경도를 중심으로 1km 거리의 버퍼를 반환한다.

 

2️⃣ Makepoint 

Makepoint : 공간 조인에서 위도 및 경도 필드를 사용하게 해주는 함수

• 공간 조인에서는 공간 관계를 기반으로 데이터 집합을 조인하는 데 점과 다각형을 사용할 수 있는데, MakePoint가 이러한 점을 만들어 주는 함수이다.
• 엑셀 테이블 같은 비 공간 데이터 원본을 공간 데이터를 공간적으로 집계해주는 함수

➕ 두 지점 간의 연결을 선으로 시각화 하는 함수 : MakeLine

 

3️⃣ 공간조인 

 

공간 조인 Intersects

• 태블로 퍼블릭에서는 공간조인 사용 불가능 (intersects 를 찾아볼 수 없음)

태블로 퍼블릭 무료버전에서는 가운데 운영자에서 intersects 를 찾아볼 수 없다.

• 공간조인이 잘 완료되면 태블로가 조인된 테이블의 이름을 ‘공간조인 완료’ 로 바꾸어 준다.

→ Longitude 를 잘 보면 값이 6개정도 중복된 걸 확인해볼 수 있다. 퍼블릭에서 데이터 조인을 할 수 없어, 직접 테이블 확인을 하지 못하는 아쉬움이 있지만, 이로 미루어보았을 때 특정 호텔을 기준으로 1km 반경 내 위경도 위치에 존재하는 식당과 값이 조인 됨을 파악해볼 수 있다.

→ 즉, 첫번째 호텔은 반경 1km 내에 6개의 맛집이 존재한다는 뜻

 

📌 필사 과정

💡 변수 파악하기 - 계산된 필드 만들기

반경 1km 범위를 시각화 했으므로 위의 1번 그림에서의 원크기보다 커진 것을 확인해볼 수 있다.&amp;nbsp;

💡 시트 제작 

Mapbox 를 가져올 때, 의도했던 디자인 컨셉에 맞게 주황+녹색 계열의 색상으로 커스텀해서 가져왔다.

💡 필사하며 내가 조정했던 부분 

1) 음식점 아이콘을 제주 감귤에 맞는 아이콘으로 변경

2) 기존 대시보드에는 위치와 식당명만 도구설명에 적혀있었는데, 음식 종류와 세부 종류까지 나타나도록 수정

 

→ 추후에 판매 음식 종류별로 필터링해서 볼 수 있는 기능까지 추가해보기 

 

💡 대시보드 제작 

오른쪽 업소명(호텔) 에 특정 단어를 입력하면, 그 단어가 포함된 호텔명 목록을 보여준다.

 

대시보드 메인 화면을 Figma 로 직접 제작해보았다. 

협업할 때 피드백 첨삭하는 용도/다른 팀원분들이 디자인 한걸 본 적만 있어서 만든게 매우 간단하지만,,,ㅎ 

이번 기회에 Figma 도 한번 공부해봐야겠다. 

 

💡 최종본 https://public.tableau.com/app/profile/.41977356/viz/_16450757010390/sheet8 

 

 

깃헙에 들어가보면 대시보드 분석한 것도 있는데 많관부,,

그럼 이상 처음 도전해본 태블로 필사 끝!

다음주에는 직접만든 대시보드를 들고 오겠습니다,, 호호호