@ddukbbok_kang

하고 싶은 건 일단 해봅니다.

Data Visualization/태블로

[태블로 신병 훈련소 20기] DAY 3 매개 변수와 대시보드 동작

강떡볶 2023. 8. 31. 02:04
학습 내용

 

1. 매개 변수 만들기

  • 아래 화살표 > 매개 변수 만들기

 

 

  • 첫 번째 사진처럼 매개 변수를 설정하면 두 번째 사진처럼 표시할 수 있음
  • 하지만 아직은 이걸 조정해도 아무런 변화가 일어나지 않음 

 

 

  • '매출 달성 여부' 계산식을 위와 같이 변경하면, 목표 매출 금액 바를 조정함에 따라 색이 변경됨
  • 즉, 매개 변수는 값을 동적으로 변경해가면서 도와주는 기능

 

 

 

2. 측정값 계산식에서 집계 함수 사용하기

  • 집계 함수를 사용하지 않으면 자동으로 행 기준 합계로 집계가 되지만, 할인율은 합계가 아니니 평균으로 봐야함
  • 그래서 매출과 수익에 SUM, 할인율에 AVG 함수를 써줌

 

 

 

3. 대시보드 동작

 

 

 

과제

 

1. 시각화와 사용자가 상호작용 할 수 있는 매개변수 만들기
2. '대시보드 동작'을 이용해 상호작용 할 수 있는 대시보드 만들기

 

 

1. 매개 변수를 사용해 측정값 변경하기 (1) & 마크 색상 표현하기

  • 유저가 오른쪽 메뉴에서 당류, 카페인, 칼로리 중 하나의 측정값을 선택할 수 있게 함
  • 선택한 측정값의 카페인 함유량에 따라서 카테고리 색상이 표시되도록 함

 

 

<카테고리(매개변수)를 선택할 수 있는 측정값 만드는 식>

CASE 매개변수 이름
WHEN '카페인(Mg)' THEN AVG([카페인(Mg)])
WHEN '칼로리(Kcal)' THEN AVG([칼로리(Kcal)])
WHEN '당류(G)' THEN AVG([당류(G)])
END

 

 

<카페인 함유량에 따라 색이 바뀌는 측정값 만드는 식>

IF AVG([카페인(Mg)]) > [카페인 함유량 선택]
THEN '선택한 카페인보다 많이 들음'
ELSE '선택한 카페인보다 적게 들음'
END

 

 

 

2. 매개 변수를 사용해 측정값 변경하기 (2) 

  • 유저가 직접 X축 항목과 Y축 항목을 선택할 수 있게 하고, 선택한 두 가지 항목에 따라 그래프가 바뀌도록 함

 

 

 

3. 대시보드 동작 적용하기

  • '카테고리별 카페인'에서 카테고리에 마우스를 올리면, '당류과(와) 칼로리의 상관관계'에서 해당 제품이 하이라이트 되도록 함