[Tableau] Tableau Bootcamp Day8

8일차 퀘스트에서는

📁"슈퍼스토어 데이터"를 활용해 집합(Set) 동작과 매개변수(Parameter) 변경을 이용한 대시보드 설계 방식을 학습하고, 사용자 선택에 따라 시각화가 동적으로 변화하는 인터랙티브 대시보드를 구현하였다.

[1]  집합 동작 (Set Action)
[2]  매개변수 변경을 활용한 드릴다운

[1]  집합 동작 (Set Action)

슈퍼스토어의 지역별 매출 데이터를 기반으로, 특정 시도(지역)를 선택하면 해당 지역의 전국 매출 대비 비중과 제품 중분류별 매출 기여도를 강조해 보여주는 시각화를 구성한다.

• 먼저 시도 필드를 집합으로 만들고, 이 집합을 색상에 적용해 '선택된 지역은 파란색, 나머지는 회색'으로 구분했다.
• 대시보드 상에서는 사용자가 지도를 클릭하면 그 값이 집합에 포함(IN)되도록 집합 동작을 설정하고
• 선택 해제 시 집합에서 모든 값을 제거하도록 하여 초기화되어야 한다.

이때 중요한 점은 막대 그래프의 색상이 원하는 순서로 나타나도록 집합의 IN/OUT을 수동 정렬하여 파란색(IN) 값이 항상 위에 오도록 설정해야 한다는 것이다.

💡 집합의 동작은 필터와는 다르게 '선택된 항목만 강조'하는 데 효과적이며, 여러 시트를 연동하는 대시보드에 이상적이다.

💡 집합(Set)은 IN/OUT의 개념으로 시각화에 반응하도록 구성할 수 있고, Set Action을 활용하면 사용자의 선택에 따라 집합 멤버가 실시간으로 변경된다. 이를 색상, 필터, 라벨 등에 적용함으로써 인터랙션 중심의 대시보드 구성이 가능하다.

[2]  매개변수 변경을 활용한 드릴다운

제품 대분류를 선택했을 때 자동으로 해당 대분류의 중분류 정보가 드러나도록 시각화한다.

• 먼저 "제품 대분류"에 대한 매개변수를 생성하고, "전체" 값을 포함시켜 초기 상태를 구성했다.
• 이후 계산 필드를 만들어, 매개변수 값이 특정 대분류일 경우엔 중분류 값을, 아닐 경우엔 대분류 값을 반환하도록 설정했다.
• 이 계산 필드를 색상 및 레이블에 적용하여, 드릴다운 시각화를 가능하게 만들었다.

대시보드 동작으로 마우스 오버 시 매개변수 변경을 설정하여, 사용자가 막대를 클릭하지 않고도 마우스를 올리는 것만으로 매개변수 값이 자동 변경되도록 구성한다.

💡 매개변수(Parameter)는 사용자 선택에 따라 시각화 조건을 바꿀 수 있게 한다. 선택 옵션을 제공하는 UI 요소에서 계산식과 연동하여 시각화 수준(세부 ↔ 전체)을 전환할 수 있다.

💡 Parameter Action을 활용하면 사용자 인터랙션을 기반으로 매개변수 값을 동적으로 변경할 수 있다. 사용자의 직접 입력 없이도 시각화 내의 상호작용을 통해 매개변수 값을 자동으로 갱신해주므로, 인터랙티브 대시보드를 설계할 때 중요하게 고려해야 한다.

인사이트 및 회고

8일차 퀘스트를 통해 Tableau의 사용자 상호작용 기반 제어 기능을 익힐 수 있었다.

집합(Set) 동작은 사용자가 클릭한 값을 기준으로 다양한 시각화 요소를 동적으로 구분할 수 있었고, 매개변수(Parameter) + 계산식 조합은 드릴다운 시각화를 구현할 때 중요하게 사용된다는 것을 알 수 있었다.

매개변수 값이 특정 대분류일 경우엔 중분류 값을, 아닐 경우엔 대분류 값을 반환하도록 설정하는 과정을 생각하는 데에 시간이 오래 걸렸지만, 만들고 나니 사용자 경험을 유도할 수 있는 인터랙티브한 시각화의 장점이 바로 와닿게 되었다.

다양한 유저 인터페이스 기능을 자유롭게 구현할 수 있게 될 날까지.. 태블로 부트캠프 과제를 수행하면서 조금씩 알아가다 보니까 더더욱 직관적이고 유연한 대시보드 설계 역량의 필요성을 느끼고 있다.