공부기록
태블로 굿모닝 굿애프터눈(40) - 필터(Exclude) & 시트로 이동 본문
태블로 굿모닝 굿애프터눈 책을 참고하여 정리한 자료입니다.
오늘은 [chapter4. 대시보드 액션 적용하기 - 필터(Exclude) & 시트로 이동]를 리뷰해보겠습니다.
데이터 원본 : 201907_연령별인구현황_데이터추출.hyper
먼저 맵을 표현하기 위해 차원에서 시도 필드를 우클릭 -> 지리적 역할-> '시/도'선택합니다.
마찬가지로 차원에서 시군구 필드를 우클릭-> 지리적 역할 -> '카운티'를 선택합니다.
그 후 계층을 만들기 위해 시군구 필드를 시도 필드 위에 올리고 계층의 이름을 '지도'라고 지정합니다.

위와 같이 계층이 생성된것을 확인할 수 있습니다.
그리고 시도필드를 우클릭 -> 만들기 -> 그룹을 선택합니다.

그리고 사진과 같이 그룹을 생성하여 줍니다.
생성된 지역 필드를 지도 계층 아래에 있는 시도보다 위에 위치시켜 줍니다.

그 후, 차원에 있는 지역필드를 더블 클릭하고 마크를 원->맵으로 변경하여 줍니다.

인구수별로 지역별 색을 다르게 적용하기 위해 측정값에 있는 인구수를 드래그하여 색상마크에 올려줍니다.
그리고 색상범례를 편집하기 위해 우측에 생성된 색상범례를 우클릭 편집을 선택합니다.

색상표를 '사용자 지정 다중'을 선택해줍니다.
그리고 최솟값 영역은 흰색을 선택합니다.
최댓값 영역의 색상을 선택하여 HTML값인 '#79aacf'를 입력하고 단계별 색상 5단계로 지정합니다.

그리고 우리나라 인구수에 대한 맵이기 때문에 주변의 나라를 맵에서 지우기 위해
상단에 맵 메뉴에서 맵 계층을 선택하면 좌측에 맵 게층 메뉴가 나타납니다.
여기서 투명도를 100%로 만들어 줍니다.

이번에는 맵에 지역명을 표시하기 위해 지역필드를 드래그해서 레이블 마크에 올려줍니다.
인구수 필드 또한 레이블 마크에 올려줍니다.

생성한 시트를 우클릭 하여 복제해줍니다.
레이블을 '시도'기준으로 변경하기 위해 '시도'필드를 드래기해서 현재 레이블로 표시되는 '지역'위에 오버하여 줍니다.

시트 이름을 '시도별 인구수'로 변경하여 주고 복제합니다.
그리고 시군구 필드를 잡고 현재 레이블 마크인 시도에 오버해줍니다.

시트이름을 '시군구별 인구수'로 변경합니다.
상단의 대시보드 탭에서 '새 대시보드 만들기'를 선택합니다.
좌측 하단의 '가로' 개체를 드래그 하여 여기에 시트 놓기에 올려줍니다.
그 후 '지역별 인구수', '시도별 인구수', '시군구별 인구수' 순서로 드래그하여 올려줍니다.

색상범례는 제거하여 주고 크기는 자동으로 변경합니다.
각 워크시트의 제목을 우클릭하여 '제목 숨기기'를 클릭합니다.
이제 대시보드 필터 액션 중 Exclude를 적용해보도록 하겠습니다.
대시보드-동작-동작추가-필터를 클릭하여 줍니다.
그 후 아래와 같이 입력해 줍니다.

여기서 선택 내용을 지울 경우의 결과를 '모든 값 제외' 즉 Exclude를 적용하였습니다. 이유는 '지역별 인구수'시트를 선택하면 '시도별 인구수'가 필터 적용이 되는데, 필터를 풀데 되면 선택된 값을 모두 없애고 지우겠다는 뜻입니다.
다시한번 필터를 추가해줍니다.

확인버튼을 눌러줍니다.
동작이 잘 설정되었나 확인해보기 위해, 수도권을 선택-> 서울을 선택하면 서울 특별시 하위에 있는 25개의 구 기준으로 표현이 됩니다.

이번에는 '시군구 시트'를 클릭하면 해당 시군구 기준으로 성별/연령별 인구수가 나트나는 시트를 만들어 보겠습니다.
새로운 워크시트를 연 다음 인구수 필드를 열선반에 올려줍니다.
나이필드를 행선반에 올려주고 성별 필드를 색상마크에 올려줍니다.

그 후 차트를 피라미드로 만들기 위해 남자막대를 0을 기준으로 마이너스 영역으로 보내보겠습니다.
계산된 필드 만들기를 클릭하여 아래와 같이 입력합니다.

그 후 기존의 열 선반에 있는 합계(인구수)를 제거하고 생성한 [남녀 인구수]필드를 열선반에 올려줍니다.

측정값에 인구수 필드를 드래그하여 레이블 마크에 올려 인구수를 표시해줍니다.
그리고 이 레이블들을 기준으로 같은 나잇대에서의 남자와 여자의 비율을 퀵 테이블 계산의 구성비율로 표현해보겠습니다. 레이블 마크에 있는 [합계(인구수)] 우클릭 - > 퀵테이블 계산-> 구성비율을 선택합니다.

그런데 결과를 보면 비율을 구하는 것이 옆이 아닌 아래 방향을 기준으로 적용되었습니다. 따라서 이 테이블 계산의 방향을 아래가 아닌 옆으로 설정하거나, 또는 공통된 영역인 나이는 구분하지 않는 대신 구분해서 볼 값인 성별기준으로 변경하면 됩니다 .
레이블 마크 [합계(인구수)] 우클릭 -> 테이블 게싼 편집' ->테이블(옆으로)를 선택합니다.


이번에는 막대 양끝에 인구수 합계를 표현해보겠습니다. 우선 열 선반에 있는 [집계(남녀 인구수)]를 ctrl키를 누른 상태에서 드래그해서 오른쪽에 필드를 하나 더 만듭니다.
그 후 생성된 집게2번째 마크테이블에서 간트차트로 변경하여 줍니다.

그리고 [집계(남녀 인구수)(2)]의 간트 차트에서 남녀 비율이 아닌 인구수 합계를 표현하기 위해서 레이블 마크로 적용된 합계(인구수)를 우클릭 -> 테이블 계산 지우기를 선택합니다.
이제 이중축을 활용해 하나의 뷰로 합치겠습니다.
열 선반에 있는 집계(남녀 인구수) (2)를 우클릭 후 이중축을 선택합니다.

태블로에서 자동적으로 원으로 차트를 보여주나 이를 아래와 같이 막대차트로 변경하여 줍니다.

그 후 상단과 하단의 축의 범위가 서로 상이하게 나오므로 아무 축이나 우클릭-> 축동기화를 해줍니다.
현재 남자 쪽의 막대가 마이너스로 표시되고 있는데 이를 변경하기 위해 하단 축을 우클릭->서식을 선택해줍니다.

그 후, 좌측 사이드 바에 서식 메뉴가 표시되면 축탭-> 배율-> 숫자-> 숫자(사용자 지정)을 선택한 다음
소수 자릿수를 0으로 지정합니다.

그 후 사용자 지정으로 이동하여 세미콜론 뒤에 있는 -를 제거합니다
현재 막대에 마우스를 오버하면

위 사진과 같이 인구수와, 남녀 인구수가 같이 나오고 있습니다. 이를 제거하기 위해 열 선반에 [집계(인구수)]를 우클릭 -> '도구 설명에 포함'을 체크 해제 합니다.

그리고 전체 마크에서 도구 설명을 선택하고 위 사진과 같이 입력합니다.
차원에 있는 시도와 시군구 필드를 전체 마크의 세부정보 마크에 올리고 시트 이름을 '성별 연령별 인구수로 변경합니다.

그 후 대시보드를 새로 만들어 주고 '성별 연령별 인구수' 차트를 여기에 시트 놓기에 올려줍니다.
오른쪽에 있는 색상범례의 작은 세모를 누르고 '부동'을 선택합니다.


그리고 범례를 드래그해서 시트 하단에 위치시키고 대시보드의 이름을 ' 성별 연령별 인구수 현황 대시보드'로 변경합니다.
이제 '성별 연령별 인구수 현황 대시보드' 내 인의으이 막대를 클릭하면 이전에 만든 '지역별 인구수 현황 대시보드' 시트로 이동하도록 설정하겠습니다.
대시보드- 동작- 동작 추가 - 시트로 이동을 선택합니다.

그리고 아래와 같이 입력합니다.

그러면 막대 차트내 임의의 곳을 마우스로 선택시 대상 시트인 '지역별 인구수 현황 대시보드' 시트로 이동하게 됩니다.
다시한번 대시보드 - 동작 - 동작추가 -필터를 선택후 아래와 같이 입력합니다.

그 후 '지역별 인구수 현황 대시보드'내 워크시트인 '성별 연령별 인구수'를 더블 클릭 후 제목을 더블 클릭하고 아래와 같이 바꿔줍니다.

그러면 어느 지역이 파라미드 차트로 나타나는지 쉽게 알 수 있습니다.
이제 지역별 인구수 현황 대시보드에서 선택을 통해 해당 지역의 성별 연령별 인구수를 볼 수 있습니다.

여기서 서울특별시 중에서도 구를 선택하면 해당구의 성별 연령별 인구수그래프가 화면에 나타납니다.

'시각화 > 태블로 굿모닝 굿애프터눈' 카테고리의 다른 글
태블로 굿모닝 굿애프터눈(42) - 매개 변수 변경 (0) | 2021.06.27 |
---|---|
태블로 굿모닝 굿애프터눈(41) - 하이라이트 & URL로 이동 (0) | 2021.06.27 |
태블로 굿모닝 굿애프터눈(39) - 필터 (0) | 2021.06.23 |
태블로 굿모닝 굿애프터눈(38) - 전체 범위로 필터 적용 및 컨텍스트 필터에 추가하기 (1) | 2021.06.20 |
태블로 굿모닝 굿애프터눈(37) - 목록형 매개 변수(2) (0) | 2021.06.20 |