Week 5. 인터랙티브 대시보드 제작

조이·2022년 7월 4일
0

Vizable

목록 보기
5/5

5-1. Order of Operations

: 태블로에서의 다양한 작업이 동작하는 순서 (원하는 뷰를 갖기 위한 순서)

  • 태블로 계산과 필터의 작동 순서 = 쿼리 파이프라인
  • 쿼리 파이프라인에 따라 순서대로 실행됨
  • 작동 순서와 사용자가 예상하는 순서가 다를 경우 → 작업이 실행되는 순서를 변경할 수 있음

예) 차원 필터 < 컨텍스트 필터 (컨텍스트 필터의 order이 더 높음),
차원 필터보다 먼저 사용하고 싶은 경우 차원 필터를 컨텍스트 필터로 변경해 사용함

1) 계산 순서

  • 보라색 : 필터
  • 회색 : 사이에 수행되는 계산/그 외의 것들
  • 작업은 위에서 → 아래로 수행됨

데이터 추출 필터

  • 데이터가 매우 많을 때, 특정 데이터만 선택하기 위해 사용되는 추출 필터
  • 라이브 연결 때보다 쿼리 실행 속도가 매우 빠름
  • 데이터 추출을 사용할 때만 적용 가능함
  • 오프라인 연결 상태일 때도 사용 가능함
  • 다른 모든 필터에 앞서 적용되기 때문에 반환되는 레코드 수를 줄일 수 있음

데이터 원본 필터

  • 라이브 연결에서 사용할 수 있는 최상위 필터
  • 데이터 원본 자체에 제한을 둠
  • 최종 사용자가 실수로 대규모 쿼리를 실행하지 못하도록 방지/대시보드 성능 개선에 사용됨

컨텍스트 필터

  • 워크시트 단위에서 조정 가능함
    • 컨텍스트 필터 : 각 워크시트가 범위
    • 데이터 원본 필터 : 전체 데이터 원본이 범위
  • 각 워크시트 내에서 사용자가 정의하는 다른 모든 필터를 종속시킴

조건 필터

  • 집계할 방법과 집계 기준 값 넣어서 특정 조건을 충족하는 뷰 보기

상위 필터

  • 상위 몇 개의 데이터가 뷰에서 나타나게 할 것인지 정하는 필터

2) 예제1 _ 특정 도시의 TOP 10 매출 고객 선정

  • 상위 필터 : 매출 상위 10위를 선택하는 필터
  • 차원 필터 : 전체 나라 중에서 뉴욕 고객만 선택하는 필터

⇒ 상위 필터가 차원 필터보다 상위에 있기 때문에 매출 상위 10위에 해당되는 ‘뉴욕 고객'을 보는 특징이 있음.
⇒ 차원 필터를 더 상위에 두기 위해서 컨텍스트 필터로 변경해 사용함.

3) 예제2 _ 고객별 특정 카테고리 상품의 최근 구매 날짜 구하기

  1. [Customer Name] 행 선반에 드래그
  2. Max Date 계산식 필드 생성 (=최근 구매 날짜 나타내는 필드)
    {FIXED [Customer Name] : MAX([Order Date])}
  1. [Max Date] 텍스트 마크에 드래그
  2. [Category] 필드 필터에 놓고 ‘Tech’만 선택함
    → 전체 중에서 일부만 사라지는 현상을 볼 수 있음. 이는 FIXED 계산식 필드 (Max Date)가 차원 필터보다 상위에 있기 때문에 발생함.
    → 가장 최근 구매 날짜만 반환하고, Technology를 구매하지 않은 고객 데이터만 없어지는 현상임
  3. [Category] 필터 컨텍스트 필터로 변경함

4) 예제3 _ 각 서브카테고리가 매출 합계에서 차지하는 비율 고정

  1. [SubCategory] 행 선반에 드래그
  2. SUM(Sales) 텍스트 마크로 드래그한 뒤 퀵 테이블 계산 → 구성비율로 변경, 테이블 계산 편집해서 ‘아래로’
  3. 분석 tab → 총계에서 열 총합계 표시
  4. [SubCategory] 필터 선반에 드래그한 뒤 ‘Accessories’만 제거함
    → Accessories만 사라지고 나머지의 구성 비율만 변경함.
    → 차원 필터가 테이블 계산보다 상위에 있기 때문임. → 테이블 계산을 FIXED 식으로 변경해 사용함
  5. FIXED Sum of Sales 계산식 필드 생성함
    SUM([Sales])/SUM({FIXED : SUM([Sales])})
  1. FIXED Sum of Sales 텍스트 마크로 드래그

5-2. 인터랙티브 대시보드

1. 필터 액션 (대시보드 동작 메뉴)

Checklist:

  • 원본 워크시트
  • 타겟 워크시트
  • 동작 실행 조건 (마우스오버, 선택, 메뉴)
  • 선택 해제시 옵션 (필터링된 값 유지, 모든 값 표시, 모든 값 제외)
  • 대상 필드 선택

2. 하이라이트 액션 (대시보드 동작 메뉴)

Checklist:

  • 원본 워크시트
  • 타겟 워크시트
  • 동작 실행 조건 (마우스오버, 선택, 메뉴)
  • 선택 해제시 옵션 (필터링된 값 유지, 모든 값 표시, 모든 값 제외)
  • 대상 필드 선택

3. 하이라이트 액션 (워크시트)

Checklist:

  • 원하는 데이터만 하이라이트 가능
  • 검색 가능

4. URL 액션 (대시보드 동작 메뉴)

대시보드에 웹 개체를 삽입하거나 시트를 클릭했을 때 원하는 URL로 이동하도록 할 수 있음

Checklist:

  • 원본 워크시트
  • 동작 실행 조건 (마우스오버, 선택, 메뉴)
  • 연결될 링크 (URL 주소)
  • URL 대상 (새 브라우저/웹 페이지 개체)

5. URL 액션 (유투브 embed)

//www.youtube.com/embed/

  1. 유투브 공유하기 버튼 누른 후
  2. 링크를 위와 같은 형식으로 변경

→ 태블로 대시보드에서 왼쪽 하단에 ‘웹 페이지 개체’ 선택 → 링크 그대로 복사

유투브 영상을 embed했을 때에 동영상이 자동으로 재생되게끔 하고 싶다면 ?
⇒ 임베드 링크 뒤에 ‘autoplay=1&loop=1’ 삽입

6. 탐색 단추 (다른 대시보드로 이동)

연관된 여러개의 대시보드 사이에서 이동을 원활하게 하고싶은 경우

Checklist:

  • 탐색 개체 드래그
  • 단추 편집 (단추 스타일)
  • 이동할 위치 선택
  • 단추 스타일 설정

7. 내보내기 옵션 (이미지, PDF, Powerpoint)

Checklist:

  • 다운로드 개체 드래그
  • 내보낼 형식 선택
  • 단추 스타일 설정

8. 컨테이너 활용법 (가로, 세로)

Checklist:

  • 가로 / 세로 컨테이너
  • 시트를 컨테이너 안에 드래그
  • 콘텐츠 균등 분할 가능 → 같은 너비/높이를 두고 분할하고 싶은 경우에 유용함.
profile
nlp researcher

0개의 댓글