Histogram Chart

When to Use

Histogram에서는 연속형 수치 데이터를 일정 구간(bin)으로 나누어, 각 구간에 속하는 데이터의 빈도(또는 비율)를 막대로 표현해 값의 분포 형태를 파악할 수 있습니다. 이를 통해 데이터가 어느 구간에 집중되는지, 이상치가 발생했는지 여부를 빠르게 확인할 수 있습니다.

Anatomy

1. Title
2. Legend (optional)
3. Axis title (optional)
4. Bin area
5. Grid line (optional)
6. Bin
7. X-axis

Content

Structure

연속형 수치 데이터를 구간(bin)으로 나누고, 각 구간에 포함되는 데이터의 빈도 또는 비율을 막대로 표현해 histogram을 구성합니다. X축은 값의 구간(bin range), y축은 빈도/비율로 적용될 수 있습니다.

Data Display

막대는 데이터가 연속적으로 이어지는 분포를 의미하므로, 기본적으로 막대 간 간격은 0px 적용을 권장합니다. 각 구간(bin)의 너비가 상이할 시 분포 해석이 달라질 수 있으므로, 동일한 맥락에서 비교할 때는 구간의 너비를 일관되게 유지해야 합니다.

Histogram은 최소 2개 이상의 구간(bin)이 요구되며, 분포 형태 파악을 위해 5개 이상의 구간 배치를 권장합니다. 많은 구간이 필요한 경우, 막대 폭을 무리하게 줄이기보다 가로 스크롤 또는 구간 수 축소를 우선적으로 고려해야 합니다.

값이 0인 구간이 있는 경우, 연속된 값에 대한 무결성을 유지하기 위해 이를 생략하지 않고 차트에 그대로 표현해야 합니다.

✓DoRequired

값이 0인 구간을 그대로 표현합니다.

✕Don'tRequired

데이터 무결성을 위해 값이 0인 구간을 생략하지 않아야 합니다.

구간(bin)의 너비를 일정하게 유지하되, 원활한 데이터 식별을 위해 최소 8px 적용을 권장합니다.

✓DoRecommended

각 구간 너비는 최소 8px 이상으로 적용합니다.

✕Don'tRecommended

각 구간 너비를 8px 이하로 적용해 시각적 복잡도를 높이지 않습니다.

Interaction

Legend Filter

Histogram 내 2개 이상의 변수가 배치되는 경우 legend가 함께 표시되어야 합니다. 사용자가 각 legend 항목을 클릭한 경우, 해당 데이터 항목만 확인할 수 있도록 이외의 항목은 숨김 처리되어야 합니다. Legend filter는 구간이 많을수록 histogram 복잡도가 가중되기 때문에 차트의 특정 데이터를 쉽게 확인할 수 있게 하는 보조 장치로 활용될 수 있습니다.