ATLASDESIGN REFERENCE GALLERY
ATLAS GALLERY / 2026.10

분석 탐색·상호작용

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

차트 툴팁 Data Tooltip

표식에 포인터나 포커스를 두었을 때 관측값과 단위를 표시합니다.

분석 탐색·상호작용 설계와 분석 화면의 시각화 선택에 활용합니다.

일반 UI 툴팁은 컨트롤 설명이고 데이터 툴팁은 관측값 상세입니다.

참고 문서

드릴다운 Drill-down

요약 그룹을 선택해 같은 계층의 더 자세한 수준으로 내려갑니다.

분석 탐색·상호작용 설계와 분석 화면의 시각화 선택에 활용합니다.

드릴스루는 다른 상세 화면으로 이동하는 동작입니다.

참고 문서

교차 필터링 Cross-filtering

한 시각화의 선택을 다른 시각화의 조회 조건에 반영합니다.

분석 탐색·상호작용 설계와 분석 화면의 시각화 선택에 활용합니다.

필터 범위와 되돌리기 동작을 화면에 드러내세요.

참고 문서

기간 필터 Date Range Filter

분석에 사용할 시작일·종료일과 비교 기간을 설정합니다.

분석 탐색·상호작용 설계와 분석 화면의 시각화 선택에 활용합니다.

시간대, 오늘 포함 여부, 진행 중 기간의 의미를 명시하세요.

참고 문서

인터랙티브 범례 Interactive Legend

범례에서 계열을 강조하거나 표시·숨김할 수 있게 합니다.

분석 탐색·상호작용 설계와 분석 화면의 시각화 선택에 활용합니다.

숨김 상태를 색만이 아니라 기호·레이블로도 알려주세요.

참고 문서

십자선 커서 Crosshair Cursor

같은 좌표를 따라 수평·수직 기준선을 표시합니다.

분석 탐색·상호작용 설계와 분석 화면의 시각화 선택에 활용합니다.

일반 포인터 아이콘과 달리 축 읽기를 돕는 분석 보조선입니다.

참고 문서

브러시 선택 Brushing

차트 위에 영역을 그려 범위 안의 관측값을 선택합니다.

분석 탐색·상호작용 설계와 분석 화면의 시각화 선택에 활용합니다.

선택과 데이터 제거는 다릅니다. 선택 해제 수단을 제공하세요.

참고 문서

연결 강조 Linked Highlighting

한 차트의 선택 대상을 다른 차트에서도 강조합니다.

분석 탐색·상호작용 설계와 분석 화면의 시각화 선택에 활용합니다.

교차 필터링은 비선택 데이터를 제외하고, 연결 강조는 남겨둡니다.

참고 문서

드릴스루 Drill-through

선택한 대상의 조건을 유지하며 별도 상세 보고서로 이동합니다.

분석 탐색·상호작용 설계와 분석 화면의 시각화 선택에 활용합니다.

같은 차트의 계층을 바꾸는 드릴다운과 구분합니다.

참고 문서

포커스와 컨텍스트 Focus + Context

확대한 상세 차트와 전체 범위의 축소 뷰를 함께 표시합니다.

분석 탐색·상호작용 설계와 분석 화면의 시각화 선택에 활용합니다.

확대된 범위가 전체의 어디인지 항상 식별할 수 있어야 합니다.

참고 문서

지표 선택기 Metric Selector

차트에 사용할 수치 지표를 변경하는 컨트롤입니다.

분석 탐색·상호작용 설계와 분석 화면의 시각화 선택에 활용합니다.

차원을 바꾸는 선택기와 구분하며 단위도 함께 갱신합니다.

참고 문서

차원 선택기 Dimension Selector

국가·채널·상품처럼 데이터를 나누는 기준을 바꿉니다.

분석 탐색·상호작용 설계와 분석 화면의 시각화 선택에 활용합니다.

집계 지표는 유지하고 그룹 기준을 바꾸는 동작입니다.

참고 문서

집계 선택기 Aggregation Selector

합계·평균·중앙값 등 값의 요약 방식을 선택합니다.

분석 탐색·상호작용 설계와 분석 화면의 시각화 선택에 활용합니다.

평균의 평균은 원본 전체의 평균과 다를 수 있습니다.

참고 문서

비교 기간 전환 Comparison Period Toggle

직전 기간·전년 동기 등 비교 기준을 바꿉니다.

분석 탐색·상호작용 설계와 분석 화면의 시각화 선택에 활용합니다.

윤년·요일·휴일 차이와 동일 길이 여부를 검토하세요.

참고 문서

차트 유형 전환기 Chart Type Switcher

같은 데이터에 적합한 여러 시각화 형태를 전환합니다.

분석 탐색·상호작용 설계와 분석 화면의 시각화 선택에 활용합니다.

모든 데이터를 모든 차트로 바꾸도록 허용하면 안 됩니다.

참고 문서

차트 데이터 표 Chart Data Table

시각화에 쓰인 수치를 표로 확인할 수 있게 합니다.

분석 탐색·상호작용 설계와 분석 화면의 시각화 선택에 활용합니다.

차트 필터·단위·집계와 동일한 데이터를 보여줘야 합니다.

참고 문서

Analytical exploration

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

Data Tooltip 차트 툴팁

Shows values and units for a focused or hovered chart mark.

Use when designing analytical exploration and selecting analytical visualizations.

A UI tooltip explains a control; a data tooltip details an observation.

Reference

Drill-down 드릴다운

Navigates from an aggregate to a finer level in the same hierarchy.

Use when designing analytical exploration and selecting analytical visualizations.

Drill-through opens a separate detail context.

Reference

Cross-filtering 교차 필터링

Uses a selection in one view to filter related views.

Use when designing analytical exploration and selecting analytical visualizations.

Expose filter scope and provide an obvious reset.

Reference

Date Range Filter 기간 필터

Selects the analysis date range and optional comparison period.

Use when designing analytical exploration and selecting analytical visualizations.

Clarify time zone, inclusion of today and partial periods.

Reference

Interactive Legend 인터랙티브 범례

Allows users to highlight or toggle series from the legend.

Use when designing analytical exploration and selecting analytical visualizations.

Communicate hidden states with symbols or labels as well as color.

Reference

Crosshair Cursor 십자선 커서

Adds horizontal and vertical guide lines at a chart position.

Use when designing analytical exploration and selecting analytical visualizations.

These are axis-reading guides, not merely a pointer icon.

Reference

Brushing 브러시 선택

Selects observations by drawing a region on a chart.

Use when designing analytical exploration and selecting analytical visualizations.

Selection is not deletion; provide a clear reset action.

Reference

Linked Highlighting 연결 강조

Highlights matching records across views without removing other records.

Use when designing analytical exploration and selecting analytical visualizations.

Cross-filtering removes nonmatching data; highlighting leaves it visible.

Reference

Drill-through 드릴스루

Opens a separate detailed report while preserving selection context.

Use when designing analytical exploration and selecting analytical visualizations.

Unlike drill-down, it changes the report context rather than just hierarchy level.

Reference

Focus + Context 포커스와 컨텍스트

Pairs a detailed zoomed view with an overview of the full range.

Use when designing analytical exploration and selecting analytical visualizations.

Keep the zoomed range identifiable within the whole.

Reference

Metric Selector 지표 선택기

Changes the numerical metric shown in a visualization.

Use when designing analytical exploration and selecting analytical visualizations.

Different from a dimension selector; update units together with the metric.

Reference

Dimension Selector 차원 선택기

Changes the categorical grouping such as channel or product.

Use when designing analytical exploration and selecting analytical visualizations.

Changes grouping while keeping the measure definition explicit.

Reference

Aggregation Selector 집계 선택기

Selects a summary operation such as sum, mean or median.

Use when designing analytical exploration and selecting analytical visualizations.

An average of averages may differ from the overall mean.

Reference

Comparison Period Toggle 비교 기간 전환

Switches the baseline to a prior period or year-over-year period.

Use when designing analytical exploration and selecting analytical visualizations.

Consider calendar alignment and equal period lengths.

Reference

Chart Type Switcher 차트 유형 전환기

Switches between compatible visual encodings of the same data.

Use when designing analytical exploration and selecting analytical visualizations.

Not every dataset is suitable for every chart type.

Reference

Chart Data Table 차트 데이터 표

Provides a tabular alternative for the values used in a chart.

Use when designing analytical exploration and selecting analytical visualizations.

The table must match the chart's filters, units and aggregation.

Reference