📚9일차 학습 안내
Category
- 9일차 학습 안내
- 9일차 퀘스트(과제) 안내
:railway_track::school_satchel:지금까지 Tableau Bootcamp를 진행하면서, 다양한 종류의 시각화 대시보드를 만들어보았는데요!
Tableau Rookie 여러분들이 생각하는 “효과적인 대시보드”는 어떤 조건이 충족되어야 하나요?
대시보드는 데이터를 시각적으로 표현하여 복잡한 정보를 한눈에 파악하고, 필요한 의사결정을 할 수 있도록 도움을 주는 도구입니다.
잘못된 대시보드 구성은 사용자의 혼란을 키우고, 원할한 정보 전달 효과를 저하시킬 수 있기 때문에, 사용자의 요구와 목적에 맞는 최적화된 구성이 필요합니다.
오늘은 사용자들이 정보를 명확하게 이해하고, 빠른 의사결정을 내릴 수 있도록 “효과적인 시각화 대시보드 구성 방법”에 대해서 함께 고민하고 알아보겠습니다! (:warning:오늘은 학습 동영상이 없습니다.)
Tableau Rookie 여러분들을 위해 준비한
효과적인 대시보드 디자인을 위한 10가지 인사이트 :artist::art:
1. 명확한 대시보드 목표 설정
잘 만들어진 대시보드의 시작은 “대시보드 설계의 목적”을 명확하게 정의하는 것에서 출발합니다.
대시보드를 만들기 전에, 다음 세 가지 질문에 대해 답할 수 있는지 확인해보세요!
- 대시보드의 성격은 무엇인가요?
- 질문형 : 어떤 대시보드는 특정 질문에 대한 답변을 제공하는 데 중점을 두고 있습니다. 예를 들어, “지난 달 매출은 얼마였나요?”와 같은 질문의 답을 대시보드를 통해 찾는 경우를 떠올려볼 수 있습니다.
- 스토리형 : 사용자에게 다각도에서 살펴본 데이터 정보를 제공하는 데 중점을 둘 수도 있습니다. 데이터의 추세, 패턴, 또는 복잡한 정보를 시각적으로 설명하는 데 집중하는 경우입니다.
- 대시보드를 활용하는 사용자가 누구인가요?
- 경영진, 영업팀, 마케팅팀, 데이터 분석가 등 대시보드 사용자에 따라 필요한 정보와 시각화 방식이 달라질 수 있습니다.
- 대시보드 사용자의 데이터 분석 경험 수준에 따라서도 대시보드 구성이 달라질 수 있습니다. 복잡한 통계 정보보다 간단한 차트와 그래픽이 더 효과적일 수 있습니다.
- 대시보드의 목표는 무엇인가요?
- 언제나 대시보드의 최종 목표가 무엇인지 명확히 정의할 수 있어야 합니다. 의사 결정 지원, 비즈니스 성과 모니터링, 팀 간의 협업 촉진 등 목표는 다양할 수 있겠죠?
- 또한, 목표를 정의하면 대시보드의 효과성 여부를 평가할 수 있는 기준도 세울 수 있습니다.
2. 적합한 시각화 유형 선택
시각화 유형을 결정하기 전에, 다음의 질문을 고려하면 적합한 시각화 유형을 결정하는 데 도움이 됩니다.
- 무엇을 시각화하고 싶은가요?
- 먼저, 대시보드를 통해 어떤 정보를 전달할 것인지에 대한 목적이 명확해야 합니다. 매출 추이, 고객 분포, 성과 지표, 프로젝트 진행 상황 등 무엇을 보여주고 싶은지 구체적으로 파악해보세요.
- 데이터의 특성은 무엇인가요?
- 데이터의 유형과 특성에 따라 적합한 시각화 유형이 달라집니다. 예를 들어, “시간의 흐름”에 따른 변화를 나타내려면 라인 차트가 적합하고, 카테고리별 비교를 위해서는 막대 차트가 유용합니다. 데이터가 얼마나 세분화되었는지, 또는 몇 가지 차원을 포함하는지 등을 고려해보세요.
- 어떤 질문에 답하고자 하나요?
- 대시보드를 통해 해결하려는 핵심 질문이 무엇인지 생각해보세요. 예를 들어, “어떤 제품이 가장 많이 팔렸는가?”에 대한 정보는 막
- 대 차트로 쉽게 표현할 수 있습니다. 그러나 “매출 동향은 어떻게 변하고 있는가?”를 답하려면, 라인 차트나 영역 차트가 더 적합할 수 있습니다.
- 메시지를 최대한 다듬으세요!
- 너무 많은 정보를 한 번에 전달하지 말고, 핵심 메시지를 시각적으로 간결하게 표현해야 합니다. 색상, 레이블, 축 등을 조정하여 최대한 시각화에 불필요한 요소를 덜어내세요.
:bulb:Visual Vocabulary를 참고해보세요!
Visaul Vocabulary (Link)는 데이터의 특성과 시각화 목적에 따라 적합한 차트 유형을 정리한 차트 사전 📖 입니다. 화려한 시각화가 아니라, 단순하지만 목적이 명확한 시각화를 위해서 꼭 익혀보세요!
3. 색상을 효과적으로 사용
색상은 대시보드에서 시각적으로 가장 많은 정보를 전달하는 요소입니다. 다양한 요소에 색상을 부여하기 전에 해당 요소가 “시각화에서 필수적인 것인가”를 신중히 고민해서 색상을 적용해보세요.
- 과도한 색상 사용은 사용자의 집중을 오히려 분산시킵니다.
왼쪽과 오른쪽 그림 모두 “국가별 월별 매출 추이”를 나타낸 차트입니다.
하지만! 두 가지 대시보드를 살펴보았을 때, “시선이 어디로 집중되느냐”에서 차이가 있음이 느껴지시죠?
- 왼쪽 대시보드 그림 : 모든 국가를 동시에 서로 다른 색상으로 구분하다 보니, 오히려 그 어떤 내용에도 집중할 수 없어 시선이 분산됩니다.
- 오른쪽 대시보드 그림 : 강조하여 표현하고자 하는 국가를 사용자가 동적으로 변경할 수 있어요. 매개변수에서 선택된 국가만 “빨간색”으로 색상을 부여함으로써, 시선을 집중시키고 있습니다.
- 색상의 의미를 명확히 하고, 일관성 있게 사용하세요.
초심자의 대표적인 실수 중 하나가 “의미 없이 색상을 사용하는 것”입니다.
일관성 있는 색상 사용을 위해서는 “워크시트 단위에서의 정보 중요도”를 생각하기 이전에, “각 워크시트를 조합한 대시보드 단위”에서의 정보 중요도를 고려해야 합니다.
대시보드 전체 이미지를 결정하는 메인 색상을 사전에 정의해보세요. 시각적으로 통일화 된 대시보드를 작성할 수 있습니다.
4. BANs 사용
BANs는 “Big Aggregated Numbers”의 약자로, 데이터 시각화 및 대시보드 설계에서 중요한 정보와 지표를 의미합니다.
사용자들이 대시보드에서 가장 중요한 정보를 빠르게 인지하고 파악할 수 있도록, 큰 글씨와 눈에 잘띄는 디자인으로 최상단 또는 가장 좌측에 배치합니다.
위 그림에서 “🔲 빨간색 박스 구간”이 BANs인데요, 대시보드에서 가장 중요한 숫자라는 것을 알 수 있죠.
오른쪽 그림처럼 중요한 숫자에 대한 최근 추이를 단순화하여 라인/막대 차트 형태로 표현하는 것도, 해당 지표에 대한 추가적인 정보를 제공하는 효과적인 방법 중 하나입니다.
5. 의도가 분명해지도록 텍스트 위치/효과/크기 설정
왼쪽과 오른쪽 그림 중, 어떤 대시보드에서 ‘정보’에 더 집중할 수 있나요?
아마 대부분의 Tableau Rookie 여러분들꼐서 오른쪽을 선택하셨을거예요. 왼쪽 그림은 무언가 정신이 없어 보이죠? 왼쪽과 오른쪽 그림의 Before & After 요소를 함께 살펴볼까요?
- BANs
BANs 데이터는 가장 중요한 정보이기 때문에, 시각적으로 집중될 수 있도록 글자 크기를 키우고, 글자 색상을 회색에서 검정색으로 변경했습니다.
숫자가 제목보다 더 중요하기 때문에 제목은 작게, 숫자는 더 크게 조정하였고요. 이는 우리가 제목이 아니라 데이터를 전달하려는 목적이 더 크기 때문입니다!
- 차트 유형
막대 차트는 무난하게 사용 가능하지만, 대시보드 중앙에 색상과 요소가 너무 많아 복잡해보입니다. 대안으로 선택한 “롤리팝 차트”는 잉크의 사용을 줄이면서도, 값의 위치 표현함으로써 여전히 효과적으로 정보를 전달할 수 있습니다.
- 소제목 및 축제목
가로로 나열된 소제목들을 왼쪽으로 이동하였는데요, 이렇게 함으로써 가장 중요한 데이터 시각화에 더 많은 공간을 활용하고, Y축 레이블을 제거할 수 있었습니다. 결과적으로 사용자들이 축을 읽기 위해 고개를 돌릴 필요가 없어진 것이죠.
사용자의 노력을 줄여주면 데이터에 더 집중하기가 더 쉬워진다는 것을 꼭 기억해주세요!
- 축 레이블
왼쪽의 대시보드를 보면, X축이 세 번 반복되어 있는데, 가능한 한 중복된 요소는 제거하는 것이 좋겠죠?
이 사례에서 볼 수 있듯이, 대시보드에서 “데이터 외에 텍스트를 어떻게 배열하고 강조할지” 결정하는 것은 전체적인 대시보드의 분위기에 큰 영향을 줍니다.
사용자가 데이터에 집중할 수 있도록 하기 위해서는, 대시보드 해석에 필요한 노력을 최소화하는 방법을 고려해야 합니다.
6. 효과적인 컨텐츠 배열 (Z형 배열과 역피라미드 배열)
대시보드 컨텐츠를 배열할 때는, 사용자의 시선 흐름과 정보의 중요성을 고려하여 위치를 결정해야 합니다. 이 때 사용할 수 있는 배치 방법이 바로 Z형 배열과 역피라미드 배열인데요!
- Z형 배열
일반적으로 사람들의 시선은 왼쪽 상단에서 시작해서 오른쪽 상단으로, 그 다음 왼쪽 하단을 지나 오른쪽 하단으로 이동하는 경향이 있는데요, Z형 배열은 바로 이 시선 경로를 고려하여 대시보드에 컨텐츠를 배열하는 것을 의미합니다.
이렇게 배치하면 사용자가 대시보드를 자연스럽게 읽으면서, 주요 정보를 쉽게 파악할 수 있겠죠?
- 역피라미드 배열
“역피라미드 배열”은 저널리즘의 기사 작성 방식에서 유래한 것으로, 기사의 핵심 내용을 앞부분에 배치하고, 자세한 내용을 뒤에 배치하는 방식을 말합니다.
이를 대시보드 배열에 적용해보면, “대시보드 상단”에는 핵심 정보를, “하단”으로 갈수록 세부 정보를 배치합니다.
두 가지 배열 방식이 모두 적용된 대시보드 사례입니다. 컨텐츠 중요도와 시선의 흐름을 꼭 기억해주세요!
7. 사용자를 위한 가이드 추가
대시보드에 존재하는 모든 요소는 “명확한 목적과 의미”가 있어야 합니다.
“제목과 도구설명”은 대시보드를 읽는 사용자를 안내하는 가이드이기 때문에, 대시보드의 완성도를 높이기 위해서는 반드시 한번 더 신경써야 할 요소입니다.
- 제목 더 분명하게 하기 (매개변수 삽입)
매개변수에 따라 변동되는 부분을 제목에 반영해보세요. 컨텐츠의 가독성을 한층 더 높일 수 있습니다.
“제목 편집 창”에 가면 “삽입 옵션” 아래에서 매개변수 뿐만 아니라, 시트 이름, 페이지 번호, 데이터 업데이트 시간 등의 정보를 삽입할 수 있습니다.
- 도구설명 정돈하기
도구설명의 세부 내용을 “기본값 설정”으로 그냥 두기보다는, 정돈해주시면 한층 더 가독성을 높일 수 있습니다.
- 도구설명 안에 뷰 추가하기 (Viz in Tooltip)
도구설명 안에 워크시트를 삽입하는 방법도 적절히 활용하면 컨텐츠의 가독성과 추가 정보를 제공하는 데 도움이 될 수 있습니다. 공간을 절약하면서도, 상호작용성을 높일 수 있고, 마우스 오버한 마크에 대한 추가 정보를 전달하는 효과를 줄 수 있습니다. 공간 제약이 있는 모바일 환경에서 특히 효과적입니다!!
자세한 방법이 궁금하시다면 다음의 링크를 참고해보세요. 👉 도구 설명 안에 뷰 만들기(도구 설명 비주얼리제이션) (Link)
8. 인터렉티브한 대시보드
Tableau 대시보드는 고정적이지 않아도 된다는 사실을 꼭 기억하세요!
인터랙티브한 요소를 포함하여 사용자들이 자신의 관심사나 질문에 맞게 데이터를 탐색하고 필요한 정보를 찾아가도록 유도하는 것이 중요합니다.
이를 위해서는 대시보드의 기획 단계부터 인터랙티브 요소를 어디에, 어떻게 적용할지 함께 생각해두어야겠죠? 😉
9. 대시보드 크기 고정
Tableau에서는 대시보드 크기를 “자동, 고정된 크기, 범위”로 사용할 수 있습니다.
대시보드 크기를 “자동 또는 범위”를 사용하면 사용자의 모니터에 따라 화면 크기가 최적화되어 렌더링 되는 장점이 있지만,
크기가 유동적이면 화면이 리사이징될 때마다 리소스를 다시 계산해야 하므로 성능이 저하될 수 있습니다.
따라서 대시보드 크기를 “고정”시켜 동일한 성능을 통해 사용자에게 정확한 정보를 전달할 수 있습니다.
10. 여백의 미 – Use Padding
미 중에 미 ! 여백의 미를 사용하세요 !
여백은 대시보드 디자인에서 중요한 역할을 합니다.
적절한 여백 설정은 정보를 시각적으로 분리하고 구분함으로써, 사용자가 편안하게 정보를 읽을 수 있도록 돕습니다.
너무 밀집된 디자인은 사용자를 혼란스럽게 만들기 때문에, 여백을 활용하여 각 요소 간의 간격을 조절함으로써 시각적으로 깔끔하고 이해하기 쉬운 대시보드를 만들어 보세요.
:point_up_2:예시 워크북 파일 (:file_folder:하단의 파일을 다운로드 후 사용해주세요.)
https://korea-tableau-users.slack.com/files/U08H2DP3ETZ/F08Q4UP72RK/sample_soft_drink_sales.twbx
- Tableau 대시보드 레이아웃에서 바깥쪽 여백과 안쪽 여백을 설정하는 방법은 아래 영상으로 확인해주세요!
- 옅은 색의 테두리를 추가하고, 여백을 활용하면 공간을 분리하는데 도움을 받을 수 있습니다.
- 각 요소들 사이에 충분한 공간을 만들어, 정보의 가독성과 시각적 효과를 향상시킬 수 있습니다.
10가지 인사이트 모두 잘 이해되셨나요?
그럼 이제부터 실전에서 직접 적용해봅시다!
👾9일차 퀘스트(과제) 안내
오늘은 앞서 소개해드린 “효과적인 대시보드 디자인을 위한 10가지 인사이트” 를 총정리해서 직접 작업해보겠습니다!
[⭐️9일차 학습 내용 리마인드]
- 대시보드의 목표 명확히 하기
- 적합한 시각화 유형 선택하기
- 색상을 효과적으로 사용하기 Use Color Meaningfully
- BANs 사용하기
- 정확하게 차트의 제목을 구성하기
- 공간을 현명하게 활용하기 (효과적인 컨텐츠 배열)
- 사용자를 위한 가이드 추가하기
- 인터랙티브하게 동작하게 하기
- 대시보드 크기 고정하기
- 여백의 미 Padding
[⭐️1일차 퀘스트(과제) 안내]
:one: 시각적 분석 Best Practice 적용해보기
1번 과제에서는 “효과적인 대시보드 디자인을 위한 10가지 인사이트” 가 적용되지 않은 부분을 직접 변경해보겠습니다.
먼저, 아래의 대시보드 파일을 다운로드 받아주세요.
https://korea-tableau-users.slack.com/files/U08H2DP3ETZ/F08QAPUNCPN/_tableau_bootcamp__9___________________________________________________________________________________.twbx
여러분들은 실습 대시보드 파일을 열어보셨을 때, 어떤 생각이 드셨나요?
꽤 괜찮은 대시보드라는 생각이 들 수도 있고, 몇 가지 개선점이 보이실 수도 있을 것 같아요!
지금부터 “효과적인 대시보드 디자인을 위한 10가지 인사이트” 를 적용해서, 누구나 쉽게 파악하고 활용할 수 있는 대시보드로 업그레이드 시켜보겠습니다.
- 대시보드의 목표 명확히 하기
대시보드의 목표를 명확하게 설정하고 목표에 맞게 대시보드를 개발하는 것은 매우 중요한 첫 발걸음입니다. 대시보드의 목표를 명확히 보여줄 수 있는 것은 바로 “제목”입니다!
- 대시보드의 제목영역을 더블 클릭하여 대시보드에 알맞은 제목으로 수정합니다.
- 대시보드의 제목이 개발 의도에 맞게 설정되었는지 확인하고, 수정해 보도록 하겠습니다.
- 현재 대시보드의 제목은 ‘매출 현황 분석 대시보드’입니다. 그러나 아래 차트를 보면 매출만 설정 된 것이 아닌, 수량, 수익, 주문 건수 등 다양한 KPI 지표가 나타나 있습니다.
- 그렇다면 어떻게 수정해야 좋은 제목이 될 수 있을까요? 이번 과제에서는 대시보드의 대제목을 “슈퍼스토어 현황 대시보드”라고 수정해보겠습니다.
- 대시보드 크기 설정하기
대시보드도 사람이 보기 편한 비율로 크기를 설정해야 정보를 소비하는 입장에서 편하게 데이터를 읽을 수 있습니다. 보통 “1:1.6의 황금비”에 가깝게 설정할때 비율의 안정감을 느낄 수 있습니다.
- 대시보드의 크기 너비를 1200 높이 800으로 수정합니다.
- 대시보드 사이드바의 “크기 영역”에 “사용자 지정 크기”를 클릭하시면 대시보드 사이즈를 수정하실 수 있습니다.
- 해당 영역을 클릭하시고 대시보드 사이즈를 보기 좋은 “1200×800 크기”로 수정해주세요.
- 적합한 시각화 유형 선택하기
각각의 차트들은 조직에서 발생한 수치들을 정확하게 표현될 수 있도록 함으로써 보는 사람으로 하여금 쉽게 정보를 흡수할 수 있도록 해야합니다. 그러기 위해서는 “적합한 차트 유형”으로 시각화가 설정되었는지 재검토가 필요합니다.
- 왼쪽 상단 막대차트를 적합한 차트로 변경합니다.
- “시계열 흐름을 보여주는 차트”는 막대보다는 “라인”으로 설정하여, 시간에 흐름에 따라 데이터가 어떻게 증가하고 감소하는지 보여주는 것이 더 효과적이라고 할 수 있습니다.
- 하지만 현재 대시보드 안에서 차트의 유형은 데이터의 흐름을 보여주는 것이 어색한 막대 차트로 설정되어 있는 것을 확인할 수 있습니다. 해당 차트의 워크시트로 이동하여 “차트의 유형을 라인으로 변경”해 봅니다.
- 색상을 효과적으로 활용하기
대시보드는 각각의 차트를 만들고 모여져 만들어진 하나의 “종합 화면”입니다.
차트를 한 개씩 한 개씩 보았을때는 여러가지 색상을 활용하여도 특별히 문제가 되지 않을 수 있습니다.
그러나, 여러가지 색상의 차트가 한 화면에 모여져 대시보드로 보게 된다면, 너무 많은 색상 때문에 데이터가 한 눈에 보이지 않을 수 있습니다.
더 이해하기 쉽고 전달력이 높은 대시보드를 만들기 위해서, 다양한 색상보다는 일관된 색상으로 대시보드를 수정해보겠습니다.
- 1단계 : 매출 트랜드의 색상을 수정합니다.
- 단일 차트의 빨간색은 좋은 색상이 아닙니다. 너무 시선을 끌기도 하며, 너무 밝은 색으로 인해 데이터의 의미를 왜곡할 수 있습니다. 차트의 색상을 “검은색”으로 수정해봅시다.
- 2단계 : 제품 분류별 매출과 수익현황 차트의 색상을 수정합니다.
- “제품 분류별 매출”과 “수익 현황 막대 차트”는 현재 수익의 크기를 전혀 반영하고 있지 않습니다.
- “수익필드”를 마크 선반의 색상에 위치시켜, 막대의 색상이 지역별 수익 현황 맵 차트와 같이 “수익을 반영”할 수 있도록 수정하여 봅시다.
- 3단계 : 고객 주문 건수 분포 현황의 차트의 색상을 수정합니다.
- “고객 주문 건수 분포 현황 차트”의 색상이 불필요하게 너무 알록달록합니다.
- “차트의 색상”을 “회색”으로 통일하게 지정하여 각각의 구매건수에 따라서 분포를 정확하게 비교할 수 있도록 수정해봅시다.
- BANs 활용하기
BANs는 앞서 설명하였던 것처럼 “Big Aggregated Numbers”의 약자로, 대시보드에서 가장 중요한 숫자를 보여주는 영역입니다. (대시보드의 제목 다음으로 가장 중요해요!)
이번에는 BANs 영역을 수정해서, 수치들이 좀 더 돋보이게 변경해보겠습니다.
- 1단계 : BANs의 영역을 제목 아래로 변경하여 봅시다.
- BANs 영역을 확인하시면 제목 영역과 겹쳐있기 때문에, 가장 중요한 숫자가 눈에 잘 보이지 않습니다.
- BANs의 워크시트를 대시보드 제목 아래로 위치시켜 더 쉽게 제목을 읽고, 주요 KPI를 볼 수 있도록 변경해봅시다.
- 여기서 잠깐 힌트! 대시보드 안에서 워크시트를 클릭하여 드래그 & 드랍을 하면 워크시트의 위치를 변경할 수 있습니다.
- 2단계 : BANs 워크시트의 숫자의 크기를 키워봅시다.
- BANs의 숫자 폰트가 매우 작아 숫자를 보기가 어렵습니다.
- BANs 워크시트로 이동하여 마크 카드 텍스트의 “측정값” 폰트를 “크기 15” + “진하게”로 변경해봅시다.
- 차트의 제목을 정확하게 구성하기
“차트 제목”은 “차트의 내용”을 정확하게 설명할 수 있어야 합니다.
차트 제목이 차트의 내용을 정확하게 설명하고 있는지 검토하고, 그렇지 않다면 차트의 제목을 수정해봅시다.
- 1단계 : 차트 제목을 정확하게 수정해봅니다.
- 각각의 차트 제목이 올바르게 설정되어 있나요?
- “차트의 제목을 변경할 필요가 있는지?” “처음 보는 사람이 쉽게 이해할 수 있도록, 추가정보를 제공할 필요가 있는지?” “폰트 사이즈는 동일하게 지정되어있는지?” 직접 확인해서 수정해보도록 합니다.
- 인터렉티브하게 구성하기
- 대시보드 안의 각각의 차트를 마우스 오버한 후 → 깔때기 모양의 “필터로 사용” 기능을 활성화합니다.
- 해당 기능은 차트를 인터렉티브하게 대시보드 안에서 필터로 활용할 수 있는 기능입니다.
- 사용자를 위한 가이드 추가하기
태블로에서 각 차트마다 “필터로 사용”이라는 기능을 클릭하면 해당 차트가 필터가 되어, 다른 영역의 차트도 해당 데이터에 따라 필터가 됩니다.
대시보드를 처음 접하는 사용자는 해당 기능을 알 수 없을 수 있으니, 간단하게 가이드를 추가하여 대시보드를 편하게 활용할 수 있도록 수정해봅시다.
- 대시보드의 가장 윗부분에 있는 제목에 간단한 사용자 가이드를 넣어봅시다.
- 대시보드 제목의 두 번째 줄에 “소제목”을 넣습니다. “-차트를 클릭하면 자동으로 필터가 됩니다” 와 같은 안내 문구를 넣어 사용자를 위한 가이드를 지정해봅시다.
- 공간을 현명하게 활용하기
대시보드 안 차트의 공간이 잘 배치되어 있나요?
4개의 차트가 서로 다르게 크기가 지정되어 있어 차트를 보기 어렵습니다. 공간을 다시 재배치하여 각각의 차트가 효율적으로 보일 수 있도록 조정해봅시다.
- 1단계 : 라인차트 (매출트렌드), 막대차트 (제품 분류별 매출과 수익 현황), 구간과 맵차트 (지역별 수익 현황), 막대차트(고객 주문 건수 분포 현황) 구간의 크기를 동일하게 구성해봅시다.
- 두 영역의 크기를 동일하게 구성하여 차트의 세로 높이 길이를 통일해 봅시다.
- 여기서 잠깐 힌트 ! 사이드바의 항목 계층 영역에서 “컨테이너”를 클릭하면 차트를 둘러싸고 있는 컨테이너 영역을 선택할 수 있습니다.
- 2단계 : 4개 차트의 가로 길이를 동일하게 구성해봅시다.
- 차트의 세로 길이를 동일하게 구성하였다면 차트의 가로 길이를 동일하게 통일시켜 봅니다.
- 여기서 잠깐 힌트 ! 사이드바의 항목 계층 영역에서 “컨테이너”를 클릭하면 차트를 둘러싸고 있는 컨테이너 영역을 선택할 수 있습니다.
- 드디어 마지막! :clap: 여백의 미 활용하기
대시보드는 적절한 여백이 있을 때 각 차트의 정보를 혼동하지 않게끔 가독성을 높일 수 있습니다. 우리가 읽는 책에도 문단이 나누어져 있듯이, 차트 또한 영역을 확실히 나누어 주어야 사용자가 더 편하게 정보를 이해할 수 있습니다.
- 각 차트 영역의 여백과 테두리를 넣어 봅니다.
- “바깥쪽 여백은 5, 안쪽 여백은 10을 지정”하여 차트가 편하게 보일 수 있도록 조정합니다.
- 레이아웃에서 “차트의 테두리”도 옅은 회색을 넣습니다.
🔥9일차 추가 도전 퀘스트(과제) : 서버에 대시보드 게시하기
대시보드를 잘 만드셨다면, 대시보드를 서버에 간단한 클릭 몇 번만으로 올릴 수 있습니다.
해당 과정은 Tableau Server 또는 Tableau Cloud를 사용하실 수 있다면 진행해주세요!
1단계 : 프로그램 상단 탭 영역에서 서버 → 통합 문서 게시를 클릭합니다.
2단계 : 대화상자가 나타나면 위치 영역에 프로젝트 명을 선택하고 대시보드 이름을 작성합니다.
3단계 : 게시 버튼을 눌러 태블로 서버에 대시보드를 게시합니다.
해당 과정을 수행하시면 URL 기반으로 웹안에서 내가 만들었던 대시보드와 워크시트를 동료분들과 함께 확인하고 수정할 수 있습니다.
:railway_track::school_satchel:Tableau Bootcamp 9일차 학습과 퀘스트가 클리어되었습니다! (긴 텍스트 분량을 모두 이겨내고, 여기까지 오시느라 정말 수고 많으셨습니다:+1:)
Leave a Reply