태블로

익터랙티브 대시보드 제작하기

KokoaJelly 2023. 1. 9. 18:08

앞서 포스팅한 태블로의 그래프 그리기를 활용하여, 대시보드 등을 제작을 한번 시도할 것이다. 

대부분의 그래프 등은 그저 만드는 사람이 보는 사람에게 정보를 제공해주는 형태를 띄고 있다. 

하지만, 태블로를 이용한다면 그래프를 보는 사람이 원하는 정보를 직접 찾아볼 수 있다는 장점이 있다. 

 

즉, 인터랙티브 대시보드란 유저가 직접 대시보드와 상호작용을 할 수 있는 대시보드 액션이다. 

 

- 컨텍스트와 상호작용 추가

- 사용자가 마우스 오버 or 클릭 or 메뉴 등을 통해 상호작용 가능

- 사용자의 액션에 따라 대시보드가 반응함 

 

태블로 대시보드 동작

태블로에서 대시보드 탭을 클릭해본다면, 이렇게 동작이라는 항목이 있고, 이를 통해 액션을 추가할 수 있다. 

 

1. 필터 액션

 

필터 액션은 한 워크시트에서 선택된 데이터가 다른 워크시트를 필터링할 수 있다. 

더불어, 모든 필드 또는 특정 필드를 기준으로 필터링이 가능하다. 

 

하이라이트 그래프

 

이렇게 하이라이트 그래프와 스파크 라인을 그려, 두가지의 시트를 준비한다. 

 

그런 다음, 새로운 대시보드를 만들어 

 

동작에 들어가, 새 필터 액션을 만든다.

이렇게 필터 동작을 추가하면 위와 같은 창이 뜨고, 제목은 액션의 의미를 직관적으로 파악할 수 있게 하는 것이 좋다. 

 

그 다음, 원본 시트를 정해야 한다. 원본이 될 시트를 정하고, 동작 실행의 조건을 4가지 중 하나로 골라야한다. 

 

마우스 오버는 마우스를 위로 갖다 놓았을때, 선택은 선택했을때 등을 의미한다. 

 

대상 시트는 필터 액션의 타겟이며 마지막 부분의 필터는 모든 필터를 사용한다면 View에 있는 모든 차원으로 필터링이 된다. 

 

 

나는 이러한 방식으로 필터 액션을 만들었고, 

 

이렇게 클릭을 하면, 스파크 라인을 보여준다. 

 

비슷한 방법으로 WordCloud와 하이라이트 테이블을 필터 액션으로 묶었다.