본문으로 건너뛰기

설계

지표의 우선순위를 정하고 목적에 맞는 차트와 조회 범위를 선택합니다.

KPI 배치

대시보드 상단에 핵심 지표(KPI)를 통계 카드로 배치하면 사용자가 가장 중요한 수치를 먼저 확인합니다.

권장 구성

  1. 상단 영역: 핵심 KPI를 통계 카드로 배치합니다.
  2. 중앙 영역: 라인 차트나 바 차트처럼 추세와 비교를 보여 주는 차트를 배치합니다.
  3. 하단 영역: 데이터 테이블로 상세 데이터를 제공하거나 보조 차트를 배치합니다.

통계 카드에는 접두사·접미사(₩, %, 건)를 사용해 수치의 단위를 표시합니다. 값 글자 크기로 카드 간 강조 수준을 조절합니다.

시각화 선택 가이드

데이터의 형태와 표시 목적에 맞춰 차트를 선택합니다.

목적권장 위젯예시
범주별 비교바 차트부서별 매출, 제품별 판매량
시간에 따른 추세라인 차트일별 방문자 수, 월별 매출 추이
전체 대비 비율파이/도넛 차트시장 점유율, 카테고리 구성비
두 변수 간 관계산점도광고비 vs 매출, 온도 vs 판매량
핵심 수치 강조통계 카드총 매출, 활성 사용자 수
상세 데이터 조회데이터 테이블거래 내역, 사용자 목록
설명/안내 문구텍스트 박스섹션 제목, 데이터 해석 가이드
외부 콘텐츠외부 사이트 임베드외부 모니터링 도구, 사내 위키

시각화 선택 시 주의사항

  • 파이·도넛 차트는 항목 수가 적고 전체 대비 비율을 보여 줄 때 사용합니다. 항목이 많으면 바 차트를 사용합니다.
  • 라인 차트는 시간 축이 있는 데이터에 적합합니다. 범주형 데이터에는 바 차트가 더 명확합니다.
  • 산점도는 두 수치 변수의 분포와 관계를 비교할 때 사용합니다.

조회 범위와 쿼리 조정

쿼리가 읽는 컬럼과 행, 조회 기간을 제한합니다.

쿼리 작성

  • 집계 활용: GROUP BY와 집계 함수로 결과 행 수를 줄입니다.
  • LIMIT 설정: 상세 데이터를 조회할 때는 LIMIT을 지정해 반환 행 수를 제한합니다.
  • 필요한 컬럼만 선택: SELECT * 대신 필요한 컬럼만 지정합니다.
-- 전체 컬럼 조회
SELECT * FROM `analytics`.`large_table`

-- 필요한 컬럼과 기간만 조회
SELECT category, SUM(amount) as total
FROM `analytics`.`large_table`
WHERE event_date >= '2026-06-01' AND event_date < '2026-06-08'
GROUP BY category
ORDER BY total DESC
LIMIT 20

위젯 수 관리

  • 현재 분석에 필요한 위젯만 배치합니다.
  • 위젯이 많아 로딩이 느리면 쿼리를 단순화하거나 주제별 대시보드로 나눕니다.

DRS 활용

  • 캔버스에 DRS 위젯을 추가해 여러 위젯의 조회 범위를 함께 제한합니다. DRS 위젯이 없으면 전역 날짜 범위가 적용되지 않습니다.
  • DRS 위젯의 기본 범위는 최근 7일 또는 최근 30일처럼 필요한 기간으로 제한합니다.
  • DRS에서 사용자 정의 범위를 선택하면 자동 새로고침이 비활성화됩니다. 특정 시점을 비교 분석하는 동안 데이터가 변동하지 않습니다.
주의

날짜 필터 없이 전체 기간을 조회하면 응답이 느려질 수 있습니다. DRS 또는 쿼리의 날짜 조건으로 범위를 제한합니다.

자동 새로고침 주기 선택

자동 새로고침 주기는 미리보기 툴바에서 정합니다. 데이터의 갱신 빈도와 위젯 수를 고려해 비활성 / 30초 / 1분 / 5분 / 10분 / 30분 중 하나를 선택합니다.

  • 갱신 간격이 짧을수록 쿼리를 더 자주 실행합니다.
  • 데이터가 자주 바뀌지 않거나 보고용으로 사용하는 대시보드는 긴 주기 또는 비활성을 선택합니다.

색상 및 레이아웃

색상 사용 원칙

  • 일관된 팔레트: 하나의 대시보드에서는 같은 색상 팔레트를 사용합니다.
  • 범주별 색상: 같은 범주는 모든 차트에서 같은 색상으로 표시합니다.
  • 강조색: 핵심 지표에는 주변과 대비되는 색상을 사용합니다.
  • 색각 다양성: 빨강·초록만으로 상태를 구분하지 않고 명도 차이가 충분한 조합을 선택합니다.

레이아웃 원칙

  • 정보 계층 구조: 가장 중요한 정보를 먼저 읽는 위치에 배치합니다.
  • 논리적 그룹화: 관련 위젯을 가까이 배치하고 텍스트 박스로 섹션을 구분합니다.
  • 일정한 크기: 같은 유형의 위젯은 동일한 크기로 맞춥니다.
  • 여백 활용: 위젯 사이에 일정한 간격을 두어 시각적 혼잡을 줄입니다.

위젯을 추가하기 전에 배치를 스케치해 정보 순서와 빈 공간을 확인합니다.

설계 체크리스트

대시보드를 공유하기 전에 다음 항목을 확인합니다.

  • 핵심 KPI를 화면 위쪽에 명확하게 배치했습니다.
  • 전달하려는 메시지에 맞는 차트 유형을 선택했습니다.
  • 모든 위젯에 의미 있는 제목을 지정했습니다.
  • DRS 위젯을 사용하는 경우 적절한 기본 범위를 지정했습니다.
  • 쿼리에 적절한 LIMIT과 날짜 조건을 넣었습니다.
  • 색상을 일관되게 사용하고 접근성을 고려했습니다.
  • 불필요한 위젯을 제외하고 핵심 정보에 집중했습니다.