ATLASDESIGN REFERENCE GALLERY
ATLAS GALLERY / 2026.10

분석 대시보드·지표

각 항목을 클릭하면 시각 예시·비교·원문을 볼 수 있습니다.

KPI 카드 KPI Card

핵심 지표의 값과 목표·비교 기준을 짧게 요약합니다.

분석 대시보드·지표 설계와 분석 화면의 시각화 선택에 활용합니다.

값만 있는 통계 카드와 달리 목표·기간·변화의 맥락을 함께 표시합니다.

참고 문서

통계 카드 Stat Card

단일 통계값과 단위를 간결하게 표시합니다.

분석 대시보드·지표 설계와 분석 화면의 시각화 선택에 활용합니다.

목표나 증감 비교가 없어도 성립합니다. KPI 카드와 용도를 구분합니다.

참고 문서

게이지 Gauge

값이 척도나 목표 구간의 어디에 있는지 바늘이나 호로 표시합니다.

분석 대시보드·지표 설계와 분석 화면의 시각화 선택에 활용합니다.

작업 완료 여부를 뜻하는 진행 링과 달리 현재 측정값을 표현합니다.

참고 문서

대시보드 위젯 Dashboard Widget

대시보드 안에서 하나의 분석 질문을 담당하는 독립 패널입니다.

분석 대시보드·지표 설계와 분석 화면의 시각화 선택에 활용합니다.

전체 대시보드가 아니라 제목·시각화·동작을 가진 한 단위입니다.

참고 문서

지표 비교 Metric Comparison

같은 지표의 두 기간 또는 두 집단을 나란히 비교합니다.

분석 대시보드·지표 설계와 분석 화면의 시각화 선택에 활용합니다.

기간 길이, 집계 기준, 단위가 일치해야 합니다.

참고 문서

증감 표시기 Delta Indicator

기준값 대비 절대 변화나 비율 변화를 짧게 표시합니다.

분석 대시보드·지표 설계와 분석 화면의 시각화 선택에 활용합니다.

증가가 항상 좋은 것은 아닙니다. 오류율은 증가할수록 나쁠 수 있습니다.

참고 문서

대시보드 레이아웃 Dashboard Layout

지표·추세·세부 표를 우선순위에 따라 배치한 분석 화면 구조입니다.

분석 대시보드·지표 설계와 분석 화면의 시각화 선택에 활용합니다.

위젯 수보다 질문의 흐름과 비교 가능한 배치가 중요합니다.

참고 문서

목표 대비 실적 Target vs Actual

설정한 목표와 현재 실적을 같은 척도에서 비교합니다.

분석 대시보드·지표 설계와 분석 화면의 시각화 선택에 활용합니다.

목표 초과값을 100%에서 잘라내지 않도록 설계하세요.

참고 문서

스몰 멀티플 Small Multiples

같은 형태의 작은 차트를 그룹마다 반복해 비교합니다.

분석 대시보드·지표 설계와 분석 화면의 시각화 선택에 활용합니다.

차트마다 축 범위가 다르면 비교가 왜곡될 수 있습니다.

참고 문서

벤치마크 기준선 Benchmark Line

목표·평균·기준값을 차트 위에 참조선으로 표시합니다.

분석 대시보드·지표 설계와 분석 화면의 시각화 선택에 활용합니다.

어떤 기간과 모집단으로 계산한 기준인지 설명하세요.

참고 문서

이상치 주석 Anomaly Annotation

추세에서 벗어난 관측값에 설명과 근거를 붙입니다.

분석 대시보드·지표 설계와 분석 화면의 시각화 선택에 활용합니다.

눈에 띄는 값이 곧 통계적 이상치라는 의미는 아닙니다.

참고 문서

데이터 최신성 표시 Data Freshness Indicator

마지막 수집·갱신 시점을 표시해 데이터의 시의성을 알립니다.

분석 대시보드·지표 설계와 분석 화면의 시각화 선택에 활용합니다.

화면 로드 시각과 원본 데이터 갱신 시각을 구분하세요.

참고 문서

차트 빈 상태 Empty Chart State

조회 조건에 맞는 데이터가 없음을 차트 영역 안에서 설명합니다.

분석 대시보드·지표 설계와 분석 화면의 시각화 선택에 활용합니다.

0값 데이터, 권한 없음, 로딩 실패와 구분하세요.

참고 문서

오래된 데이터 상태 Stale Data State

갱신 실패나 지연 시 마지막 성공 데이터를 경고와 함께 유지합니다.

분석 대시보드·지표 설계와 분석 화면의 시각화 선택에 활용합니다.

현재 값처럼 보이지 않도록 기준 시각과 경고를 함께 표시하세요.

참고 문서

Dashboards & metrics

Open an entry for its visual reference, comparisons and source-language text.

KPI Card KPI 카드

Summarizes a key metric with its target or comparison context.

Use when designing dashboards & metrics and selecting analytical visualizations.

Unlike a bare stat card, it includes performance context.

Reference

Stat Card 통계 카드

Displays one statistical value and its unit.

Use when designing dashboards & metrics and selecting analytical visualizations.

It does not require a target or change comparison.

Reference

Gauge 게이지

Positions a value on a scale or within target bands.

Use when designing dashboards & metrics and selecting analytical visualizations.

Represents a measured state rather than task completion.

Reference

Dashboard Widget 대시보드 위젯

An individual dashboard panel answering one analytical question.

Use when designing dashboards & metrics and selecting analytical visualizations.

It is one titled, actionable unit, not the full dashboard.

Reference

Metric Comparison 지표 비교

Compares the same metric across two periods or groups.

Use when designing dashboards & metrics and selecting analytical visualizations.

Keep period length, aggregation and units comparable.

Reference

Delta Indicator 증감 표시기

Displays an absolute or relative change from a baseline.

Use when designing dashboards & metrics and selecting analytical visualizations.

An increase is not always positive; higher error rates can be worse.

Reference

Dashboard Layout 대시보드 레이아웃

Organizes metrics, trends and detail tables by analytical priority.

Use when designing dashboards & metrics and selecting analytical visualizations.

Prioritize analytical questions and comparable layouts over widget count.

Reference

Target vs Actual 목표 대비 실적

Compares a target with actual results on a common scale.

Use when designing dashboards & metrics and selecting analytical visualizations.

Do not silently clip values that exceed the target.

Reference

Small Multiples 스몰 멀티플

Repeats the same chart form across groups for comparison.

Use when designing dashboards & metrics and selecting analytical visualizations.

Different axis ranges can distort comparisons.

Reference

Benchmark Line 벤치마크 기준선

Adds a reference line for a target, average or benchmark.

Use when designing dashboards & metrics and selecting analytical visualizations.

Explain the population and period behind the reference.

Reference

Anomaly Annotation 이상치 주석

Annotates observations that deviate from an expected pattern.

Use when designing dashboards & metrics and selecting analytical visualizations.

A visually unusual value is not automatically a statistical anomaly.

Reference

Data Freshness Indicator 데이터 최신성 표시

Shows collection or refresh timestamps to communicate freshness.

Use when designing dashboards & metrics and selecting analytical visualizations.

Distinguish page-load time from source-data freshness.

Reference

Empty Chart State 차트 빈 상태

Explains that no data matches the current chart query.

Use when designing dashboards & metrics and selecting analytical visualizations.

Distinguish no data from zero values, lack of access and failure.

Reference

Stale Data State 오래된 데이터 상태

Retains the last successful data while indicating a refresh problem.

Use when designing dashboards & metrics and selecting analytical visualizations.

Show the data timestamp and warning so old values do not look current.

Reference