11주차 1교시: 질문을 시각적 인코딩으로 번역하기

그래프를 꾸미기 전에 질문과 표현 규칙을 연결하는 법

• 0-6분10주차 연결

  같은 표로 만든 지도와 그래프를 비교합니다.

• 6-15분질문 네 유형

  비교·분포·관계·공간을 구분합니다.

• 15-25분시각적 인코딩

  열을 위치·길이·색상·크기·문자에 연결합니다.

• 25-35분오해를 만드는 그래프

  축·면적·맥락의 세 사례를 진단합니다.

• 35-44분공식 사례

  Du Bois의 데이터 초상을 읽습니다.

• 44-50분개별 선택 기록

  질문에 맞는 그래프와 이유를 정합니다.

• 50-60분선택 확장

  왜곡된 그래프를 정직한 버전으로 다시 설계합니다.

0-6분 · 같은 데이터도 질문이 달라지면 다른 그림이 된다

10주차에는 24개 공공문화시설의 latitude와 longitude를 지도 위 위치로, program_count를 원 크기로, category를 색상으로 바꾸었습니다. 그 지도는 주로 “시설이 어디에 있는가?”라는 공간 질문에 답했습니다.

그러나 같은 표에서 “세 범주 가운데 프로그램 수 합계가 가장 큰 범주는 무엇인가?”를 물으면 지도보다 가로 막대그래프가 직접적입니다. “시설별 프로그램 수가 어느 구간에 모이는가?”를 물으면 히스토그램이 더 적절합니다. 데이터 파일이 그래프를 자동으로 결정하는 것이 아니라 질문이 필요한 비교 구조를 결정합니다.

6-15분 · 비교, 분포, 관계, 공간 질문을 구분하기

그래프를 고를 때는 먼저 질문의 동사를 찾습니다. “더 큰가?”는 비교, “어디에 모이는가?”는 분포, “함께 변하는가?”는 관계, “어디에 있는가?”는 공간 질문에 가깝습니다. 한 문장에 여러 질문을 섞었다면 이번 그래프에서 가장 먼저 답할 질문 하나를 고릅니다.

같아 보이는 두 산점도를 다르게 읽기

관계 산점도에서 가로축과 세로축은 서로 다른 두 측정값입니다. 9주차 기록의 duration_min과 focus_level을 놓으면 작업 시간이 길어질 때 집중도도 일정한 방향으로 변하는지 살필 수 있습니다. 그래도 점의 패턴만으로 한 변수가 다른 변수의 원인이라고 단정하지 않습니다.

좌표 산점도에서 가로축 longitude와 세로축 latitude는 장소의 위치를 복원하는 한 쌍입니다. 점의 배치로 시설이 모인 곳과 떨어진 곳을 볼 수 있지만, 경도와 위도의 상관관계를 해석하거나 원인을 주장하는 그래프가 아닙니다.

15-25분 · 표의 열을 시각적 인코딩으로 바꾸기

시각적 인코딩은 데이터 값을 눈으로 구분할 수 있는 성질에 연결하는 규칙입니다. 표의 열을 그대로 그림에 붙이는 것이 아니라, 위치·길이·색상·크기·문자 가운데 어떤 성질이 질문에 필요한 차이를 가장 정확하게 전달할지 결정합니다.

정확한 크기 비교에는 대체로 공통 축의 위치와 길이가 유리합니다. 색상과 면적은 범주나 대략적인 차이를 빠르게 보여 줄 수 있지만 정확한 수치 비교에는 한계가 있습니다. 그래서 3교시 포스터는 합계를 가로 막대그래프로 보여 주고, 위치 좌표 산점도에서는 색상과 표식 모양을 함께 사용합니다.

25-35분 · 같은 값으로도 다른 인상을 만들 수 있다

그래프는 자동으로 객관적인 결과가 되지 않습니다. 축의 범위, 도형의 크기, 제목과 출처의 유무는 읽는 사람의 첫인상을 바꿉니다. 아래 세 사례는 값은 유지하면서 표현만 바꾸었을 때 차이가 얼마나 다르게 느껴지는지 보여 줍니다.

35-44분 · 공식 사례: W.E.B. Du Bois의 데이터 초상

W.E.B. Du Bois가 1900년 파리 만국박람회의 전시를 위해 준비한 차트와 그래프는 해방 이후 아프리카계 미국인의 경제적·사회적 진전을 보여 주기 위해 제작되었습니다. 미국 의회도서관 기록에는 펜, 잉크, 워시와 사진으로 제작된 72개 항목이 56장의 포스터 보드에 구성되었다고 설명되어 있습니다.

PRIMARY SOURCE

Library of Congress 원본 컬렉션 ↗

실제 도표를 보며 제목, 제작 시기, 전시 목적, 조사 대상, 비교 기준을 차례대로 확인합니다. 위 이미지를 선택하면 도표의 개별 기록과 큰 이미지를 함께 살펴볼 수 있습니다.

제작 맥락

1900년 파리 만국박람회

표현 대상

해방 이후의 경제·사회적 변화

읽기 기준

제목, 단위, 기간, 비교 대상, 출처

READING METHOD

형태보다 먼저 주장을 찾는다

강한 색과 기하학적 구성이 주의를 끌지만, 한 장의 포스터가 무엇을 주장하는지는 제목과 수치의 관계를 함께 읽어야 알 수 있습니다. 장식처럼 보이는 선과 면도 비교 순서와 변화의 방향을 조직합니다.

질문

이 포스터는 어떤 변화를 보여 주려 하는가?

인코딩

길이·면적·위치·색은 각각 무엇을 뜻하는가?

한계

어떤 대상과 기간은 포함되지 않았는가?

이 사례에서 배울 점은 오래된 디자인을 그대로 흉내 내는 것이 아닙니다. 데이터, 그래프, 제목, 사회적 맥락을 한 장의 읽기 순서로 조직하는 방법입니다. 3교시 포스터도 질문형 제목, 핵심 관찰, 두 그래프, 출처와 한계를 하나의 주장으로 묶습니다.

44-50분 · 세 질문에 알맞은 그래프를 개별로 선택하기

아래 세 질문마다 그래프 하나와 시각적 인코딩을 고릅니다. 답은 그래프 이름으로 끝내지 않고 “무엇을 무엇에 연결하기 때문에 적절한가”까지 한 문장으로 작성합니다.

50-60분 · 선택 확장: 왜곡된 그래프 다시 설계하기

기본 학습을 모두 마친 경우에만 개별로 진행합니다. 제공된 잘린 축 막대그래프를 아래 기준으로 다시 설계하고, 수정 전후의 인상이 달라진 이유를 세 문장으로 적습니다.

1. 막대의 수치축을 0에서 시작합니다.
2. 세 범주를 합계가 작은 순서에서 큰 순서로 정렬합니다.
3. 축 이름에 “프로그램 수 합계”라는 계산 기준을 적습니다.
4. “24개 가상 시설, 범주당 8개”라는 분모와 데이터 범위를 적습니다.
5. 실제 차이보다 강한 표현이 없는 질문형 제목을 작성합니다.

수업 후 개별 복습

1. 비교 질문과 분포 질문의 차이를 같은 program_count 열로 설명합니다.
2. 관계 산점도와 좌표 산점도의 가로축·세로축 의미를 각각 적습니다.
3. 위치, 길이, 색상, 크기, 문자에 연결하기 적절한 데이터 유형을 한 가지씩 적습니다.
4. 막대그래프가 0에서 시작해야 하는 이유를 막대 길이라는 표현으로 설명합니다.
5. 시각화에 분모, 결측값 처리, 출처를 함께 써야 하는 이유를 적습니다.
6. Du Bois의 데이터 초상에서 형태 이외에 확인할 맥락 네 가지를 적습니다.

공식 자료

• Library of Congress: W.E.B. Du Bois 관련 차트와 그래프 컬렉션1900년 파리 만국박람회 전시를 위해 준비된 자료의 목록, 제작 정보, 디지털 이미지
• Seaborn 공식 문서: barplot막대가 집계값을 표현하며 0을 축 범위에 포함하는 이유
• Seaborn 공식 문서: scatterplothue, size, style을 이용한 시각적 의미 연결과 중복 인코딩