[TWBX] 대학(원)생을 위한 TWBX Day 8

8일차 과제는 잉글랜드 프리미어리그 순위 대시보드 만들기였는데요!

ESPN에서 제공하는 순위 테이블을 2003년부터 2021년까지 가져와 시각화를 진행했습니다.

데이터 원본의 일부

시각화 하기에 앞서 수집한 데이터 원본을 보면 이렇게 하나의 열에

순위, 구단 약자, 구단명이 같이 적혀있는 것을 볼 수 있습니다.

이걸 다 나눠주기 위해 계산된 필드를 사용하여 각각의 열로 만들었습니다.

RANK, 계산1 계산된 필드

먼저 RANK라는 계산된 필드를 만들어서

정규표현식을 이용하여 추출하는 REGEXP_EXTRACT 함수로 숫자(순위)를 추출하고

같은 방식으로 문자만 추출하여 계산1이라는 계산된 필드를 만들었습니다.

Club_abbr, Club 계산된 필드

문자만 추출한 계산1을 이용해 Club_abbr과 Club 필드를 만들었는데요,

계산1에서 앞에 3글자는 구단의 약어, 나머지는 구단 명이기 때문에

위와 같이 계산된 필드를 이용해 각각의 필드를 만들었습니다.

 

이제 데이터 준비는 끝났고, 총 두 개의 차트로 대시보드를 구성해봤습니다.

하나씩 살펴볼게요!

Season Table

먼저 각 시즌별로 정보를 볼 수 있게 RANK, Club을 행 선반에 올리고

GP, W, D, L, F, A, GD, P를 순서대로 열 선반에 올려줬습니다.

그리고 이 측정값들을 텍스트에 올려 위 사진과 같이 테이블 형식으로 나타냈습니다.

 

대시보드를 이용하는 이용자가 원하는 시즌별로 정보를 볼 수 있도록 Season을 필터에 넣었고,

디폴트로는 가장 최근 시즌인 21-22 시즌이 보이도록 설정했습니다.

Rank History

두 번째 시트는 각 구단의 시즌별 순위 변화를 볼 수 있도록 모양 차트와 라인 차트를 합쳐 만든 차트인데요,

이렇게만 보면 이게 뭔지 모르시겠죠? 🤣

하지만 곧 완성된 대시보드를 보시면 알게 되실 거예요!

조금만 기다려 주세요 😉

 

모양 차트와 라인 차트를 같이 나타내기 위해 RANK를 측정값으로 행 선반에 넣어주고

똑같은 필드를 하나 더 넣어 이중축 설정을 해줬습니다.

그 다음 축 동기화를 하고 라인 차트 경로를 계단 형태로 바꿔 순위 변화를 잘 볼 수 있게 만들었습니다.

 

그리고 저는 구단별로 구단의 로고를 모양으로 활용하면 더 직관적이라 좋을 것 같다고 생각해

각 구단의 로고 이미지를 저장해서 모양으로 적용해줬습니다.

EPL History Dashboard

완성된 대시보드는 위와 같습니다!

 

이용자는 필터를 통해 Season을 선택할 수 있고,

Rank history가 궁금한 구단을 클릭하면 시즌별로 순위가 어떻게 변했는지

오른쪽 차트에 나타나는 것을 확인할 수 있습니다.

 

대시보드를 보니 최근에는 맨체스터 시티가 엄청난 활약을 하고 있다는 것을 알 수 있네요!

 

추가로 저는 축구에 대한 도메인 지식이 부족한 저 같은 사람들을 위해

하단에 ⓘ 아이콘에 마우스 오버를 하면 용어 설명을 볼 수 있게 넣었습니다.

 

대시보드 동작하는 것을 영상으로 보여드릴게요 😊

EPL History Dashboard 동작

---

이번 과제는 아래 링크에서 확인하실 수 있습니다!

https://public.tableau.com/app/profile/annalody/viz/TWBXDay8EnglishPrimereLeaugeHistory/EPLHistory

[TWBX Day 8] English Primere Leauge History