시각적 논리

같은 편수는 같은 면적을 차지한다

자료실의 120편은 어떻게 구성되어 있을까? 큰 분류와 작은 분류를 한 화면에 놓는다.

가상 자료실120편. 학습60편 안에 기초36 심화24, 문제40편 안에 논리24 자료해석16, 연구20편 안에 인공지능12 역사8. 각 말단 사각형 면적은 편수에 비례한다.
직접 제작한 도식 · 작은 화면에서는 가로로 이동할 수 있습니다.
그림 크게 열기 ↗SVG 저장

그림에서 무엇을 볼까요?

가상 자료실120편. 학습60편 안에 기초36 심화24, 문제40편 안에 논리24 자료해석16, 연구20편 안에 인공지능12 역사8. 각 말단 사각형 면적은 편수에 비례한다.

자료실에 학습 글과 문제, 연구 글이 쌓였다. 메뉴 목록은 어디에 무엇이 있는지 알려 주지만 자료가 어느 분야에 집중되어 있는지는 바로 보이지 않는다. 트리맵은 전체 공간을 값에 맞춰 나누어 그 구성을 보여 준다.

트리맵은 계층의 값에 따라 사각형 영역을 반복해서 분할하는 시각화다. 이 편에서는 글 한 편이 같은 면적을 차지하도록 설계했다. 면적은 편수이며 길이 한 방향이나 색의 진하기를 편수로 읽지 않는다.

← 시각적 논리 그림 더 보기