HAHS.

카탈로그 / Catalog

데이터 시각화 기법 백과사전. 차트 유형과 인터랙션 패턴을 하나의 카탈로그에서 탐색하세요.

전체 기능Analyze textCompareEnable collaborationEnable explorationFilter / focusGuide narrativeProvide detailShow change over timeShow compositionShow densityShow deviationShow distributionShow flowShow geographic patternShow geographyShow hierarchyShow individual valuesShow networkShow rankingShow relationship

95 개 기법 (65 차트, 30 인터랙션) · A-Z

차트 (65)
인접 행렬

인접 행렬

차트

행과 열이 노드를 나타내고, 채워진 셀이 연결의 유무나 강도를 보여주는 네트워크의 격자 표현.

Show networkShow relationshipCompare
충적도

충적도

차트

여러 차원이나 시간 구간에 걸쳐 범주 소속이 어떻게 변하는지를 흐름 형태의 띠로 연결하여 보여주는 시각화.

Show flowShow change over timeShow composition
아크 다이어그램

아크 다이어그램

차트

노드를 하나의 직선 위에 배치하고 호(arc)로 연결하여 군집과 연결 패턴을 드러내는 네트워크 시각화.

Show networkShow relationship
영역 그래프

영역 그래프

차트

선과 기준선 사이를 색으로 채워 연속 차원에 대한 양의 크기나 변화를 강조하는 차트.

Show change over timeShow composition
막대 차트

막대 차트

차트

직사각형 막대를 사용하여 범주별 값을 비교하는 차트.

CompareShow ranking
비스웜 플롯

비스웜 플롯

차트

점들을 겹치지 않게 옆으로 밀어 배치하여 개별 값을 모두 보여주면서 분포 형태를 드러내는 1차원 산점도.

Show distributionCompareShow individual values
박스 플롯

박스 플롯

차트

데이터의 분포를 사분위수와 이상값으로 요약하는 차트.

Show distributionCompareShow deviation
버블 차트

버블 차트

차트

산점도에서 세 번째 변수를 점의 면적으로 인코딩하여 2D 평면에서 3차원 데이터를 비교할 수 있게 하는 차트.

Show relationshipCompareShow distribution
버블 맵

버블 맵

차트

지리적 위치에 원을 배치하고 원의 면적이 정량적 값에 비례하도록 하여 위치와 크기를 함께 보여주는 지도.

Show geographyCompareShow distribution
불릿 차트

불릿 차트

차트

스티븐 퓨가 대시보드 게이지를 대체하기 위해 설계한 간결한 막대 차트로, 주요 측정치를 목표 및 성과 구간과 함께 표시.

CompareShow deviation
범프 차트

범프 차트

차트

Y축이 값이 아닌 순위를 나타내는 선 차트로, 시간이나 범주에 걸쳐 항목들의 상대적 순서 변화를 추적.

Show change over timeShow rankingCompare
캘린더 히트맵

캘린더 히트맵

차트

주 단위 열과 요일 단위 행으로 구성된 달력 격자에 일별 값을 색 농도로 매핑하여 시간적 패턴을 드러내는 차트.

Show change over timeShow distribution
캔들스틱 차트

캔들스틱 차트

차트

각 시간 구간의 시가, 고가, 저가, 종가를 하나의 복합 마크로 보여주는 금융 분석용 차트.

Show change over timeCompare
카토그램

카토그램

차트

지리적 영역의 면적을 실제 땅 넓이가 아닌 데이터 변수에 비례하도록 왜곡한 지도.

Show distributionCompareShow geographic pattern
코드 다이어그램

코드 다이어그램

차트

노드를 원 둘레에 배치하고 가중 호로 연결하여 상호 연결 행렬의 흐름이나 관계의 크기를 보여주는 시각화.

Show flowShow relationshipCompare
코로플레스 맵

코로플레스 맵

차트

지리적 영역을 색상으로 구분하여 데이터 패턴을 표현하는 지도.

Show geographyCompareShow distribution
원 패킹

원 패킹

차트

중첩된 원으로 계층적 데이터를 표현하며, 원의 면적이 정량적 값을, 중첩이 부모-자식 관계를 인코딩.

Show hierarchyShow composition
클리블랜드 점 도표

클리블랜드 점 도표

차트

범주별 값을 정량 축 위의 점으로 비교하며, 면적이나 길이보다 위치를 강조하는 차트.

CompareShow ranking
연결 지도

연결 지도

차트

지리적 포인트 간의 연결을 선이나 호로 표시하여 공간에 걸친 관계의 네트워크 구조를 강조하는 지도.

Show networkShow geographyShow relationship
상관 행렬

상관 행렬

차트

변수 쌍의 상관 계수를 대칭 행렬로 시각화하고, 색으로 관계의 강도와 방향을 인코딩.

Show relationshipCompareShow distribution
덴드로그램

덴드로그램

차트

계층적 군집화나 분류 관계를 나무 형태로 나타내며, 가지 길이가 거리나 유사도를 인코딩할 수 있는 다이어그램.

Show hierarchyShow relationshipEnable exploration
도넛 차트

도넛 차트

차트

가운데가 비어 있는 파이 차트로, 부분-전체 관계를 보여주면서 중앙에 요약 통계나 레이블을 배치할 공간을 제공.

Show composition
점 지도

점 지도

차트

지리적 위치에 점을 찍어 현상의 공간 분포를 보여주며, 각 점이 하나 또는 일정 수의 발생을 나타내는 지도.

Show geographyShow distribution
점 행렬 차트

점 행렬 차트

차트

개별 점을 격자에 배열하여 수량이나 비율을 나타내고, 색으로 그룹 소속을 인코딩하는 차트.

Show compositionCompare
덤벨 차트

덤벨 차트

차트

범주별로 두 개의 점을 선으로 연결하여 두 값 사이의 차이나 변화를 강조하는 차트.

CompareShow change over timeShow deviation
오차 막대

오차 막대

차트

데이터 포인트나 막대에 구간 표시를 추가하여 추정값의 불확실성, 변동성, 신뢰 구간을 나타내는 차트 요소.

Show deviationCompare
플로우 맵

플로우 맵

차트

지리적 위치 간의 이동을 선이나 화살표로 나타내고, 선의 너비로 흐름의 크기를 인코딩하는 지도.

Show flowShow geographyShow relationship
포스 디렉티드 그래프

포스 디렉티드 그래프

차트

노드 간 반발력과 스프링 인력을 균형 잡는 물리 시뮬레이션으로 위치를 계산하는 네트워크 시각화.

Show networkShow relationshipEnable exploration
퍼널 차트

퍼널 차트

차트

역삼각형 형태로 순차적 단계를 거치며 수량이 점진적으로 감소하는 모습을 보여주는 차트로, 전환 분석에 주로 사용.

Show flowShow compositionCompare
간트 차트

간트 차트

차트

각 막대가 시간 구간을 나타내며 타임라인 위에 작업이나 이벤트의 시작, 종료, 기간을 보여주는 가로 막대 차트.

Show change over timeCompare
히트맵

히트맵

차트

행렬 형태의 셀에 색상 강도로 값의 크기를 표현하는 차트.

Show relationshipShow distribution
헥스 타일 맵

헥스 타일 맵

차트

지리적 영역을 동일 크기의 육각형 타일로 표현하여 공간 관계를 근사하면서 각 영역에 동일한 시각적 비중을 부여하는 지도.

Show geographyCompare
헥스빈 플롯

헥스빈 플롯

차트

밀집된 점 군집을 육각형 빈으로 집계하고, 색이나 높이로 각 빈의 점 밀도를 인코딩하는 산점도 대안.

Show distributionShow relationshipShow density
히스토그램

히스토그램

차트

수치 데이터의 분포를 구간별 막대로 표현하는 차트.

Show distribution
아이시클 다이어그램

아이시클 다이어그램

차트

계층적 데이터를 수직으로 쌓인 직사각형으로 표현하며, 너비가 값을, 깊이가 계층 수준을 인코딩하는 공간 채움 시각화.

Show hierarchyShow compositionEnable exploration
선 그래프

선 그래프

차트

데이터 포인트를 선으로 연결하여 시간에 따른 변화를 보여주는 차트.

Show change over timeCompare
롤리팝 차트

롤리팝 차트

차트

막대 차트의 막대를 가는 선(줄기)과 점으로 대체하여 시각적 혼잡을 줄이면서 동일한 위치 인코딩을 유지하는 차트.

CompareShow ranking
마리메코 차트

마리메코 차트

차트

너비와 높이가 모두 변하는 2차원 누적 막대 차트로, 두 개의 정량적 차원을 동시에 인코딩.

Show compositionCompare
네트워크 다이어그램

네트워크 다이어그램

차트

개체를 점으로, 관계를 연결선으로 표현하며 물리 기반 포스 시뮬레이션으로 배치하는 노드-링크 시각화.

Show networkShow relationshipEnable exploration
나이팅게일 로즈 차트

나이팅게일 로즈 차트

차트

중심에서 같은 각도의 쐐기가 다른 반지름으로 확장되며, 면적으로 값을 인코딩하는 원형 차트.

CompareShow composition
평행 좌표 플롯

평행 좌표 플롯

차트

각 변수가 자체 수직 축을 갖고 각 관측치가 모든 축을 가로지르는 꺾은선으로 표현되어 고차원 데이터의 패턴을 드러내는 다변량 시각화.

Show relationshipCompareEnable exploration
픽토그램 차트

픽토그램 차트

차트

반복되는 아이콘이나 기호로 데이터 값을 나타내며, 각 아이콘이 고정된 수량을 의미하는 차트.

CompareShow composition
파이 차트

파이 차트

차트

전체에서 각 부분이 차지하는 비율을 부채꼴로 표현하는 차트.

Show composition
인구 피라미드

인구 피라미드

차트

연령대별 인구 분포를 남녀 등 두 범주로 나누어 대칭으로 보여주는 양방향 가로 막대 차트.

CompareShow distribution
레이더 차트

레이더 차트

차트

중심에서 방사형으로 뻗는 축에 다변량 데이터를 표시하고 값을 연결하여 다각형을 형성하는 방사형 차트.

CompareShow deviationShow distribution
방사형 막대 차트

방사형 막대 차트

차트

막대가 중심점에서 바깥으로 방사하는 원형 레이아웃의 막대 차트로, 정밀도보다 시각적 임팩트와 간결함을 추구.

CompareShow ranking
릿지라인 플롯

릿지라인 플롯

차트

범주 축을 따라 부분적으로 겹치는 밀도 곡선을 배열하여 그룹 간 분포 형태의 차이를 드러내는 차트.

Show distributionCompare
샌키 다이어그램

샌키 다이어그램

차트

노드 간의 흐름과 양을 곡선 띠의 너비로 표현하는 차트.

Show flowShow compositionShow relationship
산점도

산점도

차트

두 변수 간의 관계를 점으로 표현하는 차트.

Show relationshipEnable exploration
기울기 차트

기울기 차트

차트

두 개의 수직 축을 선으로 연결하여 정확히 두 시점 또는 조건 간의 값이나 순위 변화를 보여주는 차트.

Show change over timeCompareShow ranking
스몰 멀티플

스몰 멀티플

차트

범주나 부분집합별로 하나씩, 동일한 구조의 작은 차트를 격자로 배열하여 일관된 스케일과 레이아웃으로 그룹 간 비교를 가능하게 하는 시각화.

CompareShow distributionShow change over time
범위 차트

범위 차트

차트

범주별 두 값 사이의 범위를 시작점과 끝점 사이에 떠 있는 가로 또는 세로 막대로 표시하는 차트.

CompareShow deviation
스파크라인

스파크라인

차트

텍스트, 표, 대시보드에 삽입되는 축이나 레이블 없는 초소형 차트로, 추세와 패턴을 한눈에 보여줌.

Show change over timeCompare
누적 막대 차트

누적 막대 차트

차트

각 막대를 하위 범주를 나타내는 구간으로 나누어 총합과 구성을 동시에 보여주는 막대 차트의 확장.

Show compositionCompare
스트림 그래프

스트림 그래프

차트

유기적으로 흐르는 기준선을 가진 누적 영역 차트로, 여러 범주의 구성과 총합이 시간에 따라 어떻게 변하는지 보여줌.

Show change over timeShow composition
선버스트 다이어그램

선버스트 다이어그램

차트

각 링이 계층의 한 수준을 나타내고 호의 길이가 값을 인코딩하는 방사형 공간 채움 계층 시각화.

Show hierarchyShow compositionEnable exploration
탈리 차트

탈리 차트

차트

그룹화된 탈리 마크로 수량을 나타내어 빈도 데이터를 간단하고 직관적으로 보여주는 차트.

CompareShow ranking
타임라인

타임라인

차트

선형 시간 축을 따라 이벤트나 기간을 배치하여 순서, 지속 시간, 시간적 관계를 강조하는 시각화.

Show change over timeCompare
트리맵

트리맵

차트

계층적 데이터를 중첩된 사각형의 면적으로 표현하는 차트.

Show hierarchyShow composition
유닛 차트 (ISOTYPE)

유닛 차트 (ISOTYPE)

차트

각 아이콘이나 단위가 고정된 수량을 나타내며, 일대일 대응을 활용하여 수량과 비율을 직관적으로 보여주는 시각화.

CompareShow composition
벤 다이어그램

벤 다이어그램

차트

겹치는 원을 사용하여 두 개 이상의 집합 간 논리적 관계와 교집합을 보여주는 다이어그램.

Show relationshipCompare
바이올린 플롯

바이올린 플롯

차트

범주별 대칭 밀도 플롯으로, 다중 모드, 비대칭, 밀집도 등 분포의 전체 형태를 드러내는 차트.

Show distributionCompareShow deviation
와플 차트

와플 차트

차트

작은 정사각형의 격자에서 채워진 칸이 전체의 일부를 나타내며, 파이 차트보다 지각적으로 정확한 대안.

Show compositionCompare
폭포 차트

폭포 차트

차트

각 막대가 이전 막대의 끝에서 시작하여 초기 값에 양수·음수 변화가 순차적으로 미치는 영향을 보여주는 차트.

Show compositionShow change over timeCompare
워드 클라우드

워드 클라우드

차트

단어의 크기가 빈도나 중요도에 비례하도록 배치하여 텍스트 데이터의 요약을 한눈에 보여주는 시각화.

Analyze textShow rankingCompare
인터랙션 (30)
집계 / 세분화

집계 / 세분화

인터랙션

집계된 요약 뷰와 개별 항목 뷰 사이를 전환하여 데이터의 세부 수준을 사용자가 조절할 수 있게 하는 인터랙션.

Enable explorationShow distributionProvide detail
애니메이션 전환

애니메이션 전환

인터랙션

상태 간 시각적 속성을 부드럽게 보간하여 사용자가 변화를 추적하고 뷰 간 관계를 이해하도록 돕는 인터랙션.

Show change over timeGuide narrativeEnable exploration
주석 레이어

주석 레이어

인터랙션

시각화 위에 텍스트 주석, 콜아웃, 화살표, 강조 표시를 직접 추가·편집할 수 있게 하여 인사이트를 기록하고 전달하는 기능.

Enable collaborationProvide detailGuide narrative
북마크 / 상태 공유

북마크 / 상태 공유

인터랙션

시각화의 현재 상태(필터, 선택, 확대 수준)를 공유 가능한 URL이나 북마크로 저장하여 다른 사람이 동일한 뷰를 볼 수 있게 하는 기능.

Enable collaborationProvide detail
브러시 앤 링크

브러시 앤 링크

인터랙션

영역을 선택하면 연결된 뷰에서 해당 데이터를 강조하는 인터랙션.

Enable explorationFilter / focusShow relationship
클릭 선택

클릭 선택

인터랙션

데이터 마크를 클릭하거나 탭하여 영구적으로 선택해 검토, 비교, 후속 작업에 활용할 수 있게 하는 인터랙션.

Enable explorationProvide detailFilter / focus
연동 하이라이팅

연동 하이라이팅

인터랙션

여러 연결된 뷰에서 동일 데이터 항목을 동시에 강조하여 다차원 관계를 드러내는 인터랙션.

Show relationshipEnable explorationProvide detail
크로스필터

크로스필터

인터랙션

여러 연동 차트에서 동시에 데이터를 필터링하여, 하나의 차트에서 브러시하면 나머지 차트도 함께 필터링되는 인터랙션.

Filter / focusEnable explorationShow relationship
직접 조작

직접 조작

인터랙션

차트의 시각 요소를 직접 잡아 끌거나 크기를 조정하여 데이터나 레이아웃을 변경할 수 있게 하는 인터랙션.

Enable explorationShow relationship
드릴다운 / 롤업

드릴다운 / 롤업

인터랙션

데이터 계층의 수준 간을 탐색하여 집계를 구성 요소로 확장(드릴다운)하거나 세부 정보를 요약으로 축소(롤업)하는 인터랙션.

Show hierarchyEnable explorationProvide detail
동적 쿼리

동적 쿼리

인터랙션

슬라이더, 체크박스, 드롭다운 등의 GUI 컨트롤을 사용하여 표시되는 데이터를 실시간으로 필터링하고 조정하는 인터랙션.

Filter / focusEnable exploration
확장 / 축소

확장 / 축소

인터랙션

계층적 시각화에서 노드를 확장하여 하위 항목을 드러내거나 축소하여 세부 정보를 숨기고 공간을 확보하는 인터랙션.

Enable explorationProvide detailFilter / focus
패싯 필터

패싯 필터

인터랙션

범주형 패싯(체크박스, 토글, 필)의 패널을 제공하여 여러 속성 필터를 조합해 표시 데이터를 좁힐 수 있게 하는 인터랙션.

Filter / focusEnable explorationShow distribution
초점 + 맥락

초점 + 맥락

인터랙션

관심 영역을 확대하면서 주변 맥락은 압축 또는 왜곡된 형태로 단일 뷰 안에 함께 표시하는 인터랙션.

Enable explorationProvide detailFilter / focus
호버 하이라이트

호버 하이라이트

인터랙션

마우스를 올리면 관련 요소를 강조하는 인터랙션.

Enable explorationProvide detailFilter / focus
올가미 선택

올가미 선택

인터랙션

사각형 브러시로 포착할 수 없는 불규칙한 데이터 포인트 그룹을 자유 형태의 닫힌 도형으로 선택하는 인터랙션.

Enable explorationFilter / focus
연결 뷰

연결 뷰

인터랙션

여러 시각화 뷰를 연결하여 한 뷰에서의 선택, 필터링, 하이라이팅이 모든 뷰에 반영되게 하는 인터랙션.

Enable explorationShow relationshipCompare
전체 + 세부 뷰

전체 + 세부 뷰

인터랙션

동일 데이터를 서로 다른 스케일로 보여주는 두 개의 동기화된 뷰(전체 범위 개요와 확대된 세부 뷰)를 표시하는 인터랙션.

Enable explorationProvide detailFilter / focus
매개변수 조작

매개변수 조작

인터랙션

모델 매개변수, 시뮬레이션 입력, 인코딩 변수를 직접 조작 컨트롤로 조정하면서 시각화가 실시간으로 업데이트되는 인터랙션.

Enable explorationShow relationshipShow change over time
재생 / 스크럽

재생 / 스크럽

인터랙션

재생, 일시 정지, 탐색 컨트롤로 시각화를 시간 또는 순서 차원에 따라 애니메이션하여 데이터의 변화를 관찰하는 인터랙션.

Show change over timeEnable explorationGuide narrative
인코딩 변경

인코딩 변경

인터랙션

어떤 데이터 속성을 시각 채널(예: x축, 색상, 크기)에 매핑할지 변경하여 원본 데이터 변경 없이 시각화를 동적으로 재인코딩하는 인터랙션.

Enable explorationShow relationshipShow distribution
스크롤 기반 탐색

스크롤 기반 탐색

인터랙션

브라우저 스크롤 위치를 시각화 내 탐색에 매핑하여 클릭이나 드래그 대신 스크롤로 큰 데이터 공간을 이동하는 인터랙션.

Enable explorationGuide narrativeShow change over time
스크롤리텔링

스크롤리텔링

인터랙션

스크롤에 따라 시각화 상태가 변화하며 이야기를 전달하는 내러티브 기법.

Guide narrativeShow change over timeEnable exploration
시맨틱 줌

시맨틱 줌

인터랙션

확대·축소 시 단순히 기하학적으로 크기만 바꾸는 대신 시각 요소의 표현이나 세부 수준을 변경하는 인터랙션.

Enable explorationProvide detailShow distribution
정렬

정렬

인터랙션

선택한 데이터 속성에 따라 차트의 시각 요소를 재배열하여 순위 패턴을 드러내고 비교를 쉽게 하는 인터랙션.

Show rankingEnable explorationCompare
스테퍼 (단계 탐색)

스테퍼 (단계 탐색)

인터랙션

앞/뒤 버튼이나 번호 단계를 제공하여 시각화 상태의 이산적 시퀀스를 탐색하며 사용자에게 속도 조절 권한을 부여하는 인터랙션.

Guide narrativeEnable explorationShow change over time
텍스트 검색 필터

텍스트 검색 필터

인터랙션

쿼리 문자열을 입력하여 레이블이나 속성이 일치하는 데이터 항목을 필터링하거나 강조하는 인터랙션.

Filter / focusEnable explorationProvide detail
뷰 전환

뷰 전환

인터랙션

동일한 데이터에 대해 서로 다른 차트 유형이나 시각적 레이아웃 간 전환하여 다양한 표현으로 다른 패턴을 드러내는 인터랙션.

Enable explorationShow distributionShow relationship
툴팁

툴팁

인터랙션

마우스 오버 시 데이터 포인트의 상세 정보를 보여주는 인터랙션.

Provide detailEnable exploration
확대/축소와 이동

확대/축소와 이동

인터랙션

시각화를 확대하고 이동하여 세부 사항을 탐색하는 인터랙션.

Enable explorationProvide detailFilter / focus