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

7일차 과제는 태블로를 이용하여 2022년 달력을 만들어보는 과제였습니다!

주어진 데이터를 활용하여 휴일과 평일을 다른 색으로 나타내고,

휴일이 총 며칠 있는지 나타내도록 하겠습니다.

2022 Calendar Dashboard

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

그럼 이 대시보드를 만든 과정을 살펴볼게요!

데이터 원본

먼저 데이터 원본을 보시면 2022년 1월 1일부터 12월 31일까지 날짜와 요일이 쭉 써있고,

공휴일과 주말엔 휴일 이름과 휴일로 표기가 되어 있고

평일엔 아무 값이 들어있지 않은 형태입니다.

평일 OR 휴일 계산된 필드

대시보드에서 평일과 휴일의 색 구분을 해주기 위해 '평일 OR 휴일'이라는 계산된 필드를 만들어줬는데요.

IIF 함수를 사용해서 NULL 값이 있으면 평일, 아니면 휴일이라고 나타날 수 있게 만들었습니다.

열 번호, 주 번호 계산된 필드

다음으로 캘린더 모양을 나타날 수 있게 '열 번호'와 '주 번호'라는 계산된 필드도 만들었습니다.

CASE 함수를 사용해 12개의 달을 3*4 모양으로 만들어 줬고,

DATEPART와 DATETRUNC 함수를 활용하여 각각의 월별로 날짜를 주차로 바꿔줘서

1~53주 차를 월별로 처음 주차로 빼준 항목들을 계산해줬습니다.

 

그럼 바로 캘린더 메인 부분을 만들어볼게요!

2022 Calendar body

간트 차트를 이용해서 캘린더를 만들었습니다.

 

먼저 3*4 형태를 위해 분기와 주 번호를 행 선반에 올리고, 미리 계산된 필드로 만들었던 열 번호와 요일을 열 선반에 올려줍니다.

다음으로 1~5주가 동일한 위치에 나올 수 있도록 축을 -2~6으로 고정하고

일을 레이블 카드에 상위 가운데 맞춤으로 올려줍니다.

월 표시 계산된 필드

하지만 이런 형태에서는 각 부분이 어떤 달인지 모르죠?

그래서 각 달이 무슨 월인지 표기해주기 위한 '월 표시' 계산된 필드를 만들었는데요,

가운데에 표기해주기 위해 총 7일 중 4번째 요일인 수요일일 때 저희가 축을 -2부터 6으로 고정했으니까

-1.5 정도의 위치에 월 표기가 될 수 있게 설정해주는 것입니다.

2022 캘린더 기본적인 틀

이렇게 만들어진 월 표시를 행 선반에 주 번호와 이중축으로 설정하고,

축 동기화를 해준 뒤 텍스트 형태에서 텍스트에 월을 넣어주면 아래와 같이 달력의 기본적인 틀 완성입니다!

 

이 틀에서 필요 없는 축들을 숨겨서 깔끔하게 만들어준 뒤,

평일과 휴일을 다른 색으로 구분하기 위해 평일 or 휴일을 색상 카드에 올려주고

마우스 오버했을 때 공휴일이라면 어떤 날인지 알 수 있게 '휴일 여부'라는 계산된 필드를 만들어 도구 설명에 추가해줬습니다.

휴일 여부 계산된 필드

Calendar 상단 부분

마지막으로 캘린더 상단 부분에 총 휴일 수를 나타내는 부분을 넣었는데요.

 

저는 앞서 만들었던 평일 OR 휴일 계산된 필드 중 필터로 휴일만 선택하고

태블로에서 자동으로 만들어지는 카운트를 레이블에 넣어 구현했는데,

데이터 원본에 있던 휴일 필드를 측정값 카운트로 레이블에 넣어 구현하는 더 간단한 방식이 있더라구요!

 

여러분은 간단한 방법을 선택하시길 바랍니다..😇

최종 대시보드

이렇게 완성된 최종 대시보드입니다!

 

검은 호랑이의 해에 맞게 검은 호랑이 일러스트도 그려 넣어봤는데 귀엽죠? 😉

 

늦었지만 새해 복 많이 받으시길 바랍니다 💗

---

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

https://public.tableau.com/app/profile/annalody/viz/TWBXDay72022Calendar/sheet3

[TWBX Day 7] 2022 Calendar