인동머스크

파이 차트 그리는 방법파이 차트 : 비중을 나타내기 위한 시각화Customer Segment 를 마크의 색상으로 드랍  모양을 파이차트로 생성행에 있던 합계(Sales) 를 각도로 드랍 마크 레이블 표시    퀵 테이블 계산(1)합계(Sales) -> 퀵 테이블 계산 -> 구성 비율    표현 방식(2)Customer Segment와 Sales 동시 선택한 상태에서표현 방식 -> 파이 차트 위의 방법과 동일한 모양의 파이 차트가 나온다.   파이 차트에 대한 비판적 관점파이 차트의 경우 각도라는 요소를 통해 크기를 표현함.각도는 사람의 눈이 쉽고 빠르게 인지할 수 있는 요소가 아니기 때문에 크기를 한눈에 파악하기 어려움   대안 탐색합계(Sales) -> 퀵 테이블 계산 -> 구성 비율 바 차트의 경우 ..

라인 차트태블로에서 날짜라는 개념은 계층구조(Hierarchy)를 포함한다.분기 로 드릴다운마크 카드의 색상 위로 Product Category 드래그&드랍지금 상태는 연도 별로 분절되어 있음=> 연도 필드와 분기 필드가 불연속형 이기 때문연속형 분기 로 선택 -> 불연속형 연도를 밖으로 빼내면 하나의 직선으로 연결되어 표시되는 걸 확인 가능   Order Timestamp 필드를 열 선반으로 옮길 때,맥에서는 option키, 윈도우에서는 오른쪽 마우스 클릭으로 드래그 & 드랍을 하면어떤 방법으로 날짜를 표현할 건지 선택 가능   영역 차트영역 차트에서 Product Category 를 마크 색상 에 넣으면, 라인차트와 다른 부분이 있는데,0을 기준으로 카테고리 각각의 값을 보여주는 라인 차트와 달리 누..

각각의 막대에 색상을 적용하고 싶을 때범례에서 색상편집 가능테이터 항목 선택 -> 네모상자 클릭 -> 직접 설정도 가능    막대가 너무 많아 지저분하게 보일 때3개 항목 동시 선택 -> 멤버 그룹화 ->별칭편집하면    화폐 기호를 붙이고 싶을 때(1)필드 -> 서식패널 -> 통화(표준) -> 로컬통화(사용자 지정) -> 디스플레이 장치에서 단위 설정 가능 단점 : 새 시트에선 적용 불가 (2)기본 속성 -> 숫자 형식 => 이 필을 새 시트에서 또 활용할 때 서식 적용이 자동으로 됨   상위 N개만 보여주고 싶을 때(1)내림차순 후 중복선택 -> 이 항목만 유지  단점 : 데이터가 갱신 되었을 때 순위가 바뀐다면? 제품의 이름으로만 유지를 했기 때문에 문제 발생! 새로운 정보 반영 불가! (2)Pro..

7. 대시보드 다운로드 버튼 설정대시보드 개체를 활용한 대시보드 이미지 / PDF 다운로드  기타 옵션 -> 편집 단추  내보낼 포멧 설정 -> 버튼 스타일 및 이름 설정  편집 모드에서 버튼을 실행하기 위해서는 alt 또는 option 키를 활용할 수 있고  프레젠테이션 모드에서는 버튼 클릭 시 바로 다운로드 가능합니다   좋은 대시보드는적절한 비즈니스 질문, 데이터의 존재, 논리적인 정보 구조화, 표현된 정보 간의 유기적 연결, 읽기 쉬운 디자인 등 다양한 요소가 어우러지면서 의미 있는 화면이 주어지는 것 1) 육하원칙을 활용하여 정보를 구조화하라2) 정보를 유기적으로 연결하기 위해 필터 액션을 활용하라     공부 내용 :태블로 대시보드 기초 강의 | VizLab - 인프런 태블로 대시보드 기초 강..

5. 돌아가기 버튼 설정다른 대시보드로 넘어가는 필터 액션을 설정할 경우 '원래 페이지로 돌아오기' 기능을 버튼으로 넣어서 함께 구현해주면 좋습니다. 사용자가 어렵게 헤매지 않고, 금방 처음 페이지로 돌아올 수 있습니다  - Overview 대시보드로 돌아갈 수 있는 버튼을 추가할 수 없을까?  두 번째 대시보드에서 탐색 개체를 버튼을 넣고 싶은 위치에 올립니다  기타 옵션 -> 편집 단추  클릭 시 이동 위치 지정 -> 버튼 이미지 선택  태블로 기본 이미지  (필요 시) 도구 설명도 추가  현재는 편집 모드이기 때문에편집 모드에서 버튼을 활용하기 위해서는 alt(윈도) 또는 option(맥) 키를 활용합니다  성공 프레젠테이션 모드에서는 버튼 클릭 시 바로 이동이 이루어집니다   6. URL 액션 설..

4. 대시보드 액션 및 기타 UI / UX 장치 적용액션은 대시보드를 사용하는 사람이 집중할 수 있게 만드는 중요한 요소   1) 하이라이트 액션 만들기하이라이트 액션 :- 특정 시트에서 액션을 실행할 경우 다른 시트의 해당 부분을 강조  (1) 어떤 행위가 발생했을 때 하이라이트 액션을 실행시킬 것인가?마우스를 올렸을 때 / 마우스로 클릭했을 때 / 마우스 클릭 후 확인 메시지를 눌렀을 때  (2) 그 행위를 어디에서 실행할 것인가?  (3) 그 행위를 실행했을 때 하이라이트 되는 부분은 어디인가?    (2) 연도 시트에 (1) 마우스를 올리면 (3) 쿼터 시트가 하이라이트 됩니다   2) 필터 액션 만들기- 지역을 클릭했을 때 나머지 모든 화면이 필터링 되도록 설정해봅시다(간편한 방식) 필터 액션 ..

1. 대시보드 크기를 고정합니다대시보드 크기를 고정하면 대시보드 개체들이 정확히 지정된 위치에서 표현됩니다대시보드 크기는 화면에 포함되어야 하는 정보의 총량에 비례합니다표현해야 할 정보의 양이 많은 경우 스크롤을 사용할 수 있지만, 가급적 피하는 것이 좋습니다(easy to read)   2. 대시보드 구도를 잡습니다어떤 시트를 어디에 놓을지, 배치를 기획하는 단계입니다노트와 펜을 준비하여 직접 구도를 그려보는 것을 추천합니다잘 짜여진 프레임을 만들어 두면 추후 계속해서 템플릿처럼 사용할 수 있습니다   3. 컨테이너와 공백 개체를 활용하여 시트들을 배치합니다목표 대시보드 구도를 기억하며, 빈 화면에 세로 컨테이너를 넣습니다세로 컨테이너 안쪽으로 공백 개체를 넣습니다  텍스트 개체를 컨테이너 안쪽 & 공..

태블로에서 대시보드를 만들 때, "바둑판식(tiled)" / "부동(floating)" 방식이 있다.   바둑판식바둑판식은 설정된 대시보드 공간 전체를 시트가 채우면서 들어가는 방식바둑판식에서 새로운 시트를 넣게 되면, 기존 시트의 공간을 비집고 들어갑니다바둑판식에서는 시트의 경계를 잡고 늘리고 줄이면서 크기를 조절할 수 있습니다바둑판식에서는 기존 시트 위에 새로운 시트를 겹치는 것이 불가능합니다  바둑판식에서 컨테이너 안에 시트를 넣을 때는 shift 키를 사용할 필요가 없습니다   부동부동은 시트를 놓은 위치에 (적절한 크기로) 그대로 두는 방식입니다부동에서는 '레이아웃'으로 시트의 위치 및 크기 값을 직접 입력하여 조정할 수 있습니다범례 위치도 자유조절 가능  부동에서는 기존 시트 위치와 상관 없이..