Looker 시각화 설명서 최대한 활용하기: 단일 값 시각화로 많은 정보 제공

정보를 명확하고 간결하게 제시하면 사용자가 컨텍스트를 검색하는 데 추가 시간을 소비하지 않고도 단일 데이터 포인트가 더 큰 트렌드와 어떻게 관련되어 있는지 또는 다른 값과 어떻게 비교되는지 빠르게 이해할 수 있습니다. 예를 들어 이 페이지의 다른 값과 비교하여 단일 값 표시 섹션에서 다음 시각화를 통해 사용자는 값을 다른 값과 비교하는 방법을 이해할 수 있습니다.

단일 값은 41,394.51달러로 '지난 달 총수익'이라는 부제목이 있고, 하위 텍스트는 전월 대비 40% 옆에 아래쪽 화살표로 표시됩니다.

이 설명서는 가능한 한 많은 컨텍스트를 가진 단일 데이터 포인트를 제공하는 시각화를 만드는 방법을 이해하는 데 도움이 됩니다.

이 페이지에는 다음 예시가 포함되어 있습니다.

재료

기본 요건

단일 값 시각화를 만들려면 다음이 필요합니다.

단일 값 시각화를 사용할 때 고려해야 할 사항

단일 값 시각화를 만들고 사용할 때 다음 사항을 고려하세요.

  • 대시보드에서 여러 단일 값 시각화를 볼 때 기본적으로 각 시각화는 일관된 모양에 동일한 글꼴 크기를 사용합니다. 그러나 단일 값 시각화는 타일 크기가 줄어들면 자동으로 글꼴 크기를 조절합니다. 시각화 글꼴에서 사용 가능한 공간에 전체 값을 표시할 수 없는 경우 값이 줄임표(...)로 잘립니다.
  • Looker 관리자가 스마트 단일 값 텍스트 크기 실험실 기능을 사용 설정한 경우 대시보드 타일에 표시된 단일 값 시각화의 글꼴이 자동으로 크기 조정되어 타일 내에서 최소 8-10개의 값 문자를 지정된 크기로 표시합니다.
  • 글꼴은 커스텀 테마에서 Looker 관리자가 지정하는 경우에만 삽입된 콘텐츠에 대해 변경할 수 있습니다.
  • 시각화 수정 메뉴에서 글꼴 크기를 맞춤설정할 수 없습니다. 값의 글꼴 스타일 및 글꼴 크기를 맞춤설정하는 유일한 방법은 사용자 책임하에 다음 해결 방법 중 하나를 수행하는 것입니다.
    • 필드의 LookML 정의에 html 매개변수를 추가하고 HTML 스타일 태그를 사용하여 글꼴 및 크기 설정을 지정합니다. 예시: html: <p style="color: red; font-size: 50px">{{}}</p> ;;
    • 단일 값 viz에서 글꼴 크기 수정 커뮤니티 게시물에 설명된 분산형 차트 메서드를 사용합니다.

대시보드에 단일 값 시각화가 여러 개 표시되는 경우 이 목록의 첫 번째 글머리 기호에 설명된 고려사항이 글꼴 크기에 계속 영향을 미칠 수 있습니다.

예시: 다른 값과 비교하여 단일 값 표시

가상 측정항목은 그 자체로 사용자에게 거의 도움이 되지 않습니다. 하지만 이전 데이터 포인트와 비교를 추가하면 사용자에게 관점과 컨텍스트를 빠르게 추가할 수 있습니다.

예를 들어 다음 쿼리는 지난 12개월 동안 생성된 월별로 그룹화된 총 수익을 표시합니다. 기본적으로 단일 값 시각화는 총 수익 측정의 최상위 행 값만 표시하며, 이는 마지막 달인 12월(2019-12)에 대해 41,394.51달러입니다.

41,394.51달러 값을 표시하는 단일 값 시각화.

컨텍스트에 대한 데이터 테이블이 없으면 값은 사용자에게 많은 정보를 제공하지 않습니다. 지난 달의 총 이익과 이전 달의 총 이익이 어떻게 비교되는지 보여주려면 어떻게 해야 할까요? 시각화 수정 메뉴의 설정을 사용하여 시각화의 이러한 값을 비교할 수 있습니다.

현재 값과 이전 행의 값을 비교하여 표시하려면 다음 단계를 따르세요.

Explore 준비

  1. 시각화에 원하는 값이 표시되도록 Explore 쿼리를 구성합니다.
  2. Explore 쿼리에 현재 행과 이전 행의 값을 비교하는 필드를 추가합니다.

    필드 선택 도구에서 사용할 수 있는 기존 비교 필드가 없고 필요한 권한이 있는 경우 테이블 계산 단축키를 사용할 수 있습니다. 이 예시에서는 이전 행의 변동률(%) 계산을 사용합니다.

단일 값 시각화를 맞춤설정합니다.

  1. 시각화 막대에서 수정 메뉴를 엽니다.
  2. 스타일 탭에서 원하는 스타일 옵션을 선택합니다. 여기에는 Excel 스타일 값 형식 지정과 함께 값 아래에 하위 텍스트로 표시되는 커스텀 제목 추가가 포함됩니다.

    이 예에서는 제목 재정의 섹션에 '지난 달 총수익'을 입력하여 값이 무엇을 나타내는지 더 잘 나타낼 수 있습니다.

  3. 비교 탭에서 표시를 선택합니다.

  4. 값 라벨 드롭다운 메뉴에서 변경으로 표시 옵션을 선택합니다.

  5. 사용 사례에 적합한 경우 양수 값이 잘못됨 옵션을 선택하여 양수 변경 값은 빨간색, 음수 변경 값은 녹색으로 표시합니다.

    이 예시에서 음수 변경은 11월 대비 12월의 총 수익이 더 낮았음을 나타내며, 이는 '잘못된' 변경으로 간주됩니다.

  6. 원하는 대로 비교 탭에서 값 비교 라벨을 맞춤설정합니다.

    필드 라벨을 숨기려면 라벨 표시 옵션을 선택 해제합니다.

    필드 라벨을 있는 그대로 포함하려면 라벨 표시 옵션을 변경하지 않고 그대로 둡니다.

    라벨 필드에 커스텀 라벨을 입력합니다. 이 예시에서는 '이전 달'의 커스텀 라벨이 적용됩니다.

최종 결과는 12월의 총 수익 값인 41,394.51달러로, 이전 달의 총 수익(40% 감소)과 비교한 하위 텍스트를 나타냅니다.

단일 값은 41,394.51달러로 '지난 달 총수익'이라는 부제목이 있고, 하위 텍스트는 전월 대비 40% 옆에 아래쪽 화살표로 표시됩니다.

더 많은 컨텍스트를 위해 조건부 형식 지정 추가

조건부 형식 지정으로 시각화를 정리하고 최소화하면서 컨텍스트 레이어를 추가할 수 있습니다.

이 예시에서 성공한 월의 수익 임곗값은 30,000달러이며 이 임곗값에 해당하는 월 수익은 모두 녹색으로 표시됩니다.

시각화 수정 메뉴의 형식 지정 탭에 있는 조건부 형식 설정을 사용하여 값이 수익 임곗값을 초과함을 전달할 수 있습니다.

단일 값 시각화 수정 메뉴에서 조건부 형식 지정을 사용 설정하려면 다음 안내를 따르세요.

  1. 시각화 막대에서 수정 메뉴를 엽니다.
  2. 형식 지정 탭에서 조건부 형식 지정 사용 설정 옵션을 선택합니다.
  3. 색상 섹션의 컬렉션 드롭다운 메뉴에서 색상 팔레트를 선택합니다.
  4. 규칙 섹션에 형식 지정 규칙을 입력합니다.

    형식 드롭다운 메뉴에서 조건을 선택합니다(예: 값이 선택된 값 보다 클 경우).

    규칙 임계값의 값을 입력합니다. 이 예시에서는 '30000'을 입력합니다.

    원하는 배경 색상글꼴 색상을 선택합니다. 콘텐츠 접근성을 위해 색상 대비를 고려해야 합니다. 이 예시에서는 흰색 배경과 진한 녹색 글꼴이 선택되었습니다.

  5. 탭 하단에 있는 규칙 추가 버튼을 선택하여 다른 규칙을 추가합니다.

    이 예시에서는 총 수익 값이 임계값인 30,000달러보다 작을 경우 이를 나타내기 위한 또 다른 규칙이 생성됩니다.

12월의 총 수익인 $41,394.51가 이전 달의 총 수익보다 40% 적을 수 있지만 여전히 수익 임계값보다 높습니다. 이제 총 수익 값이 녹색으로 표시되어 사용자에게 수익 임계값을 초과함을 나타냅니다.

예시: 목표를 향한 진행 상황에서 단일 값 표시

또 다른 단일 값 시각화 옵션은 목표를 향한 진행 상황의 값을 표시하는 것입니다.

예를 들어 동일한 데이터 세트(지난 12개월 동안 생성된 월별로 그룹화된 총 수익)를 사용하여 전체 연도의 수익 목표 대비 연간 누계(YTD)를 표시할 수 있습니다. 이 예시의 연간 수익 목표는 1,000,000달러입니다.

진행 컨텍스트에서 단일 값을 표시하려면 다음 단계를 따르세요.

Explore 준비

  1. 테이블 계산을 사용하여 총 수익 값의 합계를 만듭니다. 테이블 계산 표현식은 sum(${view_name.field_name})입니다.

    이 예시에서 표현식은 sum(${order_items.total_profit})입니다.

  2. 값을 비교할 목표를 나타내는 필드 또는 새 테이블 계산을 추가합니다.

    테이블 계산을 만드는 경우 값을 시각화에 포함하기 위해 측정값으로 표시되어야 합니다.

    계산 표현식에서 측정값에 0을 곱하고 목표 값 (${measure_viewname.measure_fieldname}*0) + <value that is the goal>를 추가합니다.

    이 예시에서 표현식은 (${order_items.total_profit}*0) + 1000000입니다.

단일 값 시각화를 맞춤설정합니다.

  1. 시각화 막대에서 수정 메뉴를 엽니다.
  2. 스타일 탭에서 원하는 스타일 옵션을 선택합니다. 여기에는 Excel 스타일 값 형식 지정과 함께 값 아래에 하위 텍스트로 표시되는 커스텀 제목 추가가 포함됩니다.

    이 예시에서는 제목 재정의 섹션에 'YTD 수익'을 입력하여 값이 무엇을 나타내는지 더 잘 나타냅니다.

  3. 비교 탭에서 표시를 선택합니다.

  4. 값 라벨 드롭다운 메뉴에서 진행률 계산 옵션 또는 진행률 계산(백분율) 옵션을 선택합니다.

    진행률 계산에는 목표의 현재 상태를 나타내는 음영 처리된 값이 있는 진행률 표시줄이 표시됩니다. 기본 라벨 설정이 적용된 경우 필드 이름도 표시됩니다.

    진행률 계산(백분율 포함)은 기본 라벨 설정이 적용된 X의 X% 텍스트와 함께 음영 처리된 진행률 표시줄을 표시합니다.

  5. 원하는 대로 비교 탭에서 진행률 표시줄 라벨을 맞춤설정합니다.

    필드 라벨을 숨기려면 라벨 표시 옵션을 선택 해제합니다. 진행률 계산 옵션을 사용하면 음영 처리된 진행률 표시줄만 표시됩니다. 진행률 계산(백분율 포함) 옵션을 사용하면 음영 처리된 진행률 표시줄에 X의 X% 텍스트가 표시됩니다.

    필드 라벨을 있는 그대로 포함하려면 라벨 표시 옵션을 변경하지 않고 그대로 둡니다.

    라벨 필드에 커스텀 라벨을 입력합니다.

최종 결과는 1,000,000달러의 연간 판매 목표 달성을 향한 진행률 표시줄과 함께 730,362.93달러의 연간 누계(YTD) 수익 값입니다.

이 예시는 진행률 계산진행률 계산(백분율) 설정을 적용한 경우와 다르게 나타납니다.

  • 다음은 비교 탭에서 적용된 진행률 계산 옵션 및 맞춤 라벨 '연간 판매 목표로 진행' 설정을 사용하여 예시를 보는 방법입니다.

    단일 값 730,362.93달러에 'YTD 수익'이라는 부제와 '연간 판매 목표로 진행'이라는 이름의 진행률 표시줄이 4분의 3 음영 처리되었습니다.

  • 다음은 비교 탭에서 적용된 진행률 계산(백분율 포함) 옵션 및 맞춤 라벨 '연간 판매 목표' 설정을 사용하여 예시를 보는 방법입니다.

    'YTD 수익'이라는 부제와 '연간 판매 목표 1,000,000달러의 73%'라는 진행률 표시줄이 라벨 지정된 단일 값 730,362.93달러는 3/4 음영 처리되었습니다.

다음 단계:

단일 값 시각화를 만든 후에는 다른 사람과 공유할 수 있습니다.