비주얼 chooser 카드
한눈에 고르세요 — 아래 표는 검색·스크린리더용.
| 주제 | 계열 | 이럴 때 | 피할 때 |
|---|---|---|---|
| ▮ 막대 그래프 | 차트 | 한 시점에 소수 범주를 비교할 때 | 범주가 너무 많거나 3D·이중축을 쓸 때 |
| 📈 꺾은선 그래프 | 차트 | 추세·계절성·소수 시계열 | 순서가 없는 범주이거나 겹치는 계열이 네 개를… |
| ◐ 원형·도넛 차트 | 차트 | 의미 있는 전체를 이루는 2–5개 부분 | 비슷한 조각이 많거나 3D·파이 두 개를 비교할 때 |
| ⚬ 산점도 | 차트 | 두 측정값의 상관·이상치·군집 | 한 축이 양적이 아니거나 시간이 본래의 이야기일 때 |
| ▦ 히트맵 | 차트 | 두 범주 축을 동시에 볼 때의 패턴 | 정확한 수치 조회나 색각 안전하지 않은 무지개… |
| 📶 폭포 차트 | 차트 | 손익 브리지, 예산 대비 실적, 인원 증감 | 이야기가 브리지가 아니라 여러 기간의 추세일 때 |
| ▽ 퍼널 차트 | 차트 | 리드·결제·지원 같은 순서 있는 이탈 | 단계가 같은 모집단의 부분집합이 아닐 때 |
| ▭ 트리맵 | 차트 | 잎이 많고 계층이 있는 부분-전체 | 비슷한 크기를 정밀 비교해야 할 때 |
| 📶 히스토그램 | 차트 | 연속 측정 하나와 그 모양 | 구간 너비가 다르거나 이름 있는 범주를 비교할 때 |
| ⇨ 순서도 | 다이어그램 | 절차의 분기·반복·인계 | 구조가 계층이거나 자유 브레인스토밍일 때 |
| 🌳 조직도 | 다이어그램 | 보고 라인, 위원회, 프로젝트 역할 | 실제 일이 매트릭스로 가로 흐를 때 |
| ✦ 마인드맵 | 다이어그램 | 브레인스토밍, 복습 노트, 초기 구조 | 증거를 순서대로 제시해 주장을 입증해야 할 때 |
| ◯ 벤다이어그램 | 다이어그램 | 실제 겹침이 있는 두세 집합 | 집합이 네 개 이상이거나 크기가 축척이어야 할 때 |
| — 타임라인 | 다이어그램 | 순서 있는 사건, 시대, 마일스톤 | 날짜가 아니라 변하는 양이 필요할 때 |
| ▲ 기본 도형 | 도형 | 아이콘, 포스터, 학습지, 브랜드 마크 | 양을 인코딩해야 하면 예쁜 삼각형이 아니라… |
| → 화살표·연결선 | 도형 | 순서, 인과, 클릭 유도, 지도 흐름 | 모든 대상에 화살표가 있으면 아무 의미도 없다 |
| 💬 콜아웃·배지 | 도형 | 프로모, 번호 있는 방법, 만화 설명, UI 칩 | 배지가 헤드라인을 반복하면 외침을 하나로 |
| ▣ 인포그래픽 블록 | 도형 | 대시보드, 포스터, 원페이저, 전시 판 | 타일이 비교 불가 숫자를 숨길 때 |
| 🎨 색 체계 | 공예 | 범례, 브랜드 시스템, 접근 가능한 데이터 색 | 무지개 기본값, 또는 한 색상에 두 양을 인코딩 |
| ✒️ 데이터-잉크 | 공예 | 슬라이드·대시보드·과학 그림 점검 | 3미터 밖에서 외쳐야 하는 포스터. 광고는… |
| ♿ 접근 가능한 시각화 | 공예 | 공공 대시보드, 시험, 회색 인쇄, 법적 슬라이드 | 나쁨/좋음을 빨강/초록만으로 표시 |
| 📁 업무 보고서 | 스튜디오 | 정기 리뷰, 예산 브리지, 인원, 파이프라인 | 맞춤 비주얼이 필요한 일회성 이야기나, 외쳐야… |
| 📣 광고 크리에이티브 | 스튜디오 | 리테일 오퍼, 앱 설치, 행사 포스터, 스크롤을… | 주장이 차트 전체를 필요하면 배너에 대시보드를… |
| 📚 학교 과제 | 스튜디오 | 실험 보고서, 역사 연표, 수학 자료 과제, 포스터 | 꾸미기 먼저가 아니라 루브릭에 답하는 차트를 고르라 |
| 🎬 피치덱 | 스튜디오 | 펀딩, 영업 킥오프, 연구비 발표, 경진대회 결선 | 대시보드 전체를 버리지 말라. 덱은 창고가… |
| A11Y WCAG 대비 확인 | 방법 | UI 유형, 슬라이드 제목, 포스터 캡션, 배지… | 쌍을 측정하지 않고 단독으로 브랜드 색상을 판단 |
| PAL 팔레트 및 스케일 빌더 | 방법 | 등치, 히트맵, 다중 시리즈 차트, 브랜드 안전… | 정렬된 크기 데이터의 무지개 눈금 |
| Aa 타이포그래피 규모 | 방법 | 자료, 유인물, 강의실 포스터, 이력서 헤더 | 공유 비율이 없는 슬라이드당 임의의 포인트 크기 |
| GRID 슬라이드 및 문서 격자 | 방법 | PowerPoint 또는 Google… | 공유된 가장자리 없이 자유롭게 떠다니는 상자 쌓기 |
| CHOOSE 데이터-차트 결정 | 방법 | 보고서, 광고 청구 또는 할당 수치의 처음 60초 | 템플릿 갤러리에 보면 멋져 보여서 차트를 고르는 중 |
| MM 인어 텍스트 다이어그램 | 방법 | 프로세스 문서, 온보딩, 할당 로직, PR 설명 | 자유로운 레이아웃이 필요한 픽셀 단위의 완벽한… |
| SEQ 시퀀스 다이어그램 패턴 | 방법 | API 흐름, 지원 에스컬레이션, 랩 프로토콜,… | 순서가 정해지지 않은 간단한 체크리스트도 같은… |
| SKETCH Excalidraw 스케치 와이어프레임 | 방법 | 킥오프, 강의실 브레인스토밍, 광고 컨셉 보드,… | 엄격한 디자인 시스템을 거쳐야 하는 최종 브랜드… |
| EC Apache ECharts 대시보드 | 방법 | 운영 대시보드, 분기별 팩, 라이브 KPI 벽 | PDF의 단일 정적 막대가 질문에 답합니다. |
| CJ Chart.js 빠른 차트 | 방법 | 내부 도구, 학생 웹 프로젝트, 경량 마케팅 페이지 | 지도, Sankey 또는 출판급 벡터 내보내기만… |
| D3 D3 맞춤형 공예 | 방법 | 새로운 형태, 연구 수치, 맞춤형 설명자 | Chart.js 막대는 이미 관리자 질문에… |
| VL Vega-Lite 문법 | 방법 | 재현 가능한 분석 수치, 교육 인코딩, 노트북 | 회의 초대에는 일회용 바 하나만 필요합니다. |
| PLOT 관찰 가능한 플롯 키트 | 방법 | 분석 글, 학생 실험실, 탐색용 사무실 차트 | 무거운 엔터프라이즈 대시보드 키트를 픽셀 단위로… |
| ROUGH Rough.js 주석 | 방법 | 설명 하이라이트, 광고 컨셉 프레임, 콜아웃 교육 | 정확한 길이가 필요한 조밀한 정량적 비교 |
| SANK Sankey 흐름 이야기 | 방법 | 예산 할당, 전환 경로, 재료 또는 에너지 흐름 | 청중에게는 시작-끝 폭포만 있으면 됩니다. |
| NET 네트워크 그래프 맵 | 방법 | 조직 영향 지도, 종속성 그래프, 교실 소셜 지도 | 간단한 조직도나 글머리 기호 목록에는 이미… |
| MAP 등치 스토리 맵 | 방법 | 지역 비교, 시민 과제, 지역 KPI | 인구나 지역별로 정규화하지 않은 원시 개수 |
| ICO 오픈 아이콘 시스템 | 방법 | 슬라이드, 제품 UI, 포스터, 학교 워크시트 | 하나의 슬라이드에 다섯 가지 아이콘 스타일 혼합 |
| CV 인포그래픽 레시피 재개 | 방법 | 학생, 프리랜서, 직업 전환자 | ATS 전용 일반 텍스트가 필요하며 그래픽이… |
| QBR 분기별 보고서 시각적 개체 | 방법 | 관리자, 창립자, 학생 클럽 재무 | 누락될까 봐 모든 KPI를 하나의 슬라이드에… |
둘 다 맞으면 인코딩이 단순한 쪽을 고르세요.