Looker 시각화 설명서 활용하기: 카티전 차트의 조건부 서식 맞춤설정

특정 조건을 만족하는 값을 시각적으로 강조표시하면 사용자가 데이터 동향을 빠르게 파악할 수 있습니다. 이 패턴을 조건부 서식이라고도 합니다.

예를 들어 이 페이지의 최댓값, 최솟값, 백분위수 값 색상 지정 예시의 시각화를 통해 사용자는 최저 및 최고 판매 월을 빠르게 식별할 수 있습니다.

Looker에서는 텍스트 및 테이블 차트 시각화 설정의 기본 제공 옵션을 사용하여 텍스트 및 테이블 차트에 조건부 서식을 적용할 수 있습니다. 카티전 차트의 경우 차트 구성 편집기를 사용하여 데이터 값의 형식을 조건부로 지정할 수 있습니다.

차트 구성 편집기에서 series formatters 속성을 사용하여 특정 기준을 충족하는 값에 조건부 서식을 적용할 수 있습니다. 다음은 적용할 수 있는 조건부 서식 규칙입니다.

  • 값이 지정된 값보다 크거나 작거나 같습니다.

    예를 들어 100보다 큰 숫자 값에 조건부 서식을 적용하려면 select: 'value > 100'을 사용합니다.

  • 값은 계열의 최솟값 또는 최댓값입니다.

    예를 들어 조건부 서식을 최댓값에 적용하려면 select: 'max'를 사용합니다.

  • 값이 지정된 백분위수 순위 내에 있습니다.

    예를 들어 상위 10번째 백분위수의 값에 조건부 서식을 적용하려면 select: 'percent_rank >= 0.9'를 사용합니다.

  • X축 값이 지정된 값과 일치합니다.

    예를 들어 X축 값이 'Columbia'인 계열에 조건부 서식을 적용하려면 select: name = Columbia를 사용합니다.

이 설명서는 다음 튜토리얼을 제공합니다.

최댓값, 최솟값, 백분위수 값 색상 지정

select 및 style 속성을 사용하여 카티전 차트의 최대 및 최소 데이터 값과 지정된 백분위수에 속하는 모든 값의 색상을 지정할 수 있습니다.

재료

기본 요건

조건부 서식으로 카티전 시각화를 만들려면 다음이 필요합니다.

예시: 열 시각화

영업팀에서 1년 간의 월별 판매 동향을 빠르게 파악하고자 합니다. 월별로 그룹화된 총 비용을 표시하는 시각화가 있습니다.

조건부 서식을 사용하여 특정 목표에 부합하는 값을 강조표시하면 사용자가 데이터를 더 명확하게 이해할 수 있습니다.

이 예시에서 영업팀은 다음 값을 강조하려고 합니다.

  • 최소 총 비용 값이 있는 열은 빨간색으로 표시됩니다.
  • 최대 총 비용 값이 있는 열은 초록색으로 표시됩니다.
  • 총 비용이 하위 30번째 백분위수인 모든 열이 주황색으로 표시됩니다.
  • 다른 열은 모두 회색으로 표시됩니다.

이 조건부 서식을 카티전 차트에 적용하려면 다음 단계를 따르세요.

  1. Explore에서 카티전 시각화를 보거나 Look 또는 대시보드에서 카티전 시각화를 수정합니다.
  2. 시각화에서 수정 메뉴를 엽니다.
  3. 플롯 탭에서 차트 구성 수정 버튼을 클릭합니다. Looker에 차트 구성 수정 대화상자가 표시됩니다.

  4. 차트 구성(재정의) 섹션을 선택하고 다음 JSON을 입력합니다.

    {
  series: [{
    color: 'gray',
    formatters: [{
        select: 'max',
        style: {
          color: 'green',
        }
      },
      {
        select: 'percent_rank <= 0.3',
        style: {
          color: 'orange'
        }
      },
      {
        select: 'min',
        style: {
          color: 'red'
        }
      },
    ]
  }]
}

  5. 변경사항을 적용하려면 적용을 클릭합니다.

이제 영업팀은 실적이 저조한 달을 빠르게 파악하고 해당 기간을 조사하여 상황을 파악할 수 있습니다.

시각화를 맞춤설정한 후 저장할 수 있습니다. Explore에서 시각화를 확인한 경우 탐색 분석을 저장합니다. Look 또는 대시보드를 수정한 경우 저장을 클릭합니다.

예시: 산점도 시각화

산점도 시각화에 조건부 서식을 적용하려면 style.color 속성 대신 style.marker.fillColor 및 style.marker.lineColor 속성의 색상을 지정하면 됩니다.

lineColor 속성은 산점도에 있는 각 점의 윤곽선 색상을 설정합니다. fillColor 속성은 산점도에 있는 각 점의 내부 색상을 설정합니다.

다음 단계에 따라 앞의 예시를 수정할 수 있습니다.

  1. Explore에서 산점도 시각화를 보거나 Look 또는 대시보드에서 산점도 시각화를 수정합니다.
  2. 시각화에서 수정 메뉴를 엽니다.
  3. 플롯 탭에서 차트 구성 수정 버튼을 클릭합니다. Looker에 차트 구성 수정 대화상자가 표시됩니다.

  4. 차트 구성(재정의) 섹션을 선택하고 다음 JSON을 입력합니다.

    {
  series: [{
    color: 'gray',
    formatters: [{
        select: 'max',
        style: {
          marker: {
            fillColor: 'green',
            lineColor: 'green'
          }
        }
      },
      {
        select: 'percent_rank <= 0.3',
        style: {
          marker: {
            fillColor: 'orange',
            lineColor: 'orange'
          }
        }
      },
      {
        select: 'min',
        style: {
          marker: {
            fillColor: 'red',
            lineColor: 'red'
          }
        }
      }
    ]
  }]
}

  5. 적용을 클릭하여 변경사항을 적용합니다.

결과 시각화에서 최솟값, 최댓값, 하위 30%의 값은 서식 지정 규칙에 따라 색상이 지정됩니다.

시각화를 맞춤설정한 후 저장할 수 있습니다. Explore에서 시각화를 확인한 경우 탐색 분석을 저장합니다. Look 또는 대시보드를 수정한 경우 저장을 클릭합니다.

조건부 서식 조건 결합

select 속성에서 AND 및 OR를 사용하여 조건부 서식 규칙에 논리 표현식을 조합할 수 있습니다.

재료

기본 요건

조건부 서식으로 카티전 시각화를 만들려면 다음이 필요합니다.

예

영업팀이 특정 기준을 충족하는 달을 빠르게 파악하려고 합니다. 월별로 그룹화된 총 비용을 표시하는 시각화가 있습니다.

조건부 서식을 사용하여 특정 목표에 부합하는 값을 강조표시하면 사용자가 데이터를 더 명확하게 이해할 수 있습니다.

이 예시에서 영업팀은 다음 값을 강조하려고 합니다.

  • 총 비용 값이 $43,000~$45,000(포함)인 모든 열은 보라색으로 표시됩니다.
  • 다른 열은 모두 회색으로 표시됩니다.

이 조건부 서식을 카티전 차트에 적용하려면 다음 단계를 따르세요.

  1. Explore에서 카티전 시각화를 보거나 Look 또는 대시보드에서 카티전 시각화를 수정합니다.
  2. 시각화에서 수정 메뉴를 엽니다.
  3. 플롯 탭에서 차트 구성 수정 버튼을 클릭합니다. Looker에 차트 구성 수정 대화상자가 표시됩니다.

  4. 차트 구성(재정의) 섹션을 선택하고 다음 JSON을 입력합니다.

    {
  series: [{
    color: 'gray',
    formatters: [{
        select: 'value >= 43000 AND value <= 45000',
        style: {
          color: 'purple',
        }
      },
    ]
  }]
}

  5. 변경사항을 적용하려면 적용을 클릭합니다.

이제 영업팀은 3월, 4월, 9월의 수익이 $43,000~$45,000임을 빠르게 확인하고 해당 월에 발생한 일을 파악하기 위해 추가 조치를 취할 수 있습니다.

시각화를 맞춤설정한 후 저장할 수 있습니다. Explore에서 시각화를 확인한 경우 탐색 분석을 저장합니다. Look 또는 대시보드를 수정한 경우 저장을 클릭합니다.