Data Visualization Guide

---
name: data-visualization-guide
description: " Visualization Chart Selection Guide, Information Hierarchy Design , number-Chart matrix info-architect Extended Skill. 'Chart Selection', ' Visualization', ' ', 'Information Design', 'Chart ', ' Storytelling' etc. Visualto expression . , Chart BI of ."
---

# Data Visualization Guide — Data Visualization Chart Selection & Information Design Guide

Chart selection matrix, information hierarchy principles, and visualization best practices used by the info-architect agent when designing data visualizations.

## subject Agent

`info-architect` — of Chart Selection toand Information Design Visualizationin apply.

## Chart Selection matrix

### per Chart type

| | Chart | | |
|------|----------|-----------|----------|
| **comparison** | vs (/) | 3~12 | 2 |
| **trend** | , | when 5+ | 3 |
| **composition** | , , | 100%, 3~6 | 7 → vsto |
| **distribution** | , | | |
| **** | , | between relationship | 1 |
| **Flow** | , | per | comparison |
| **** | , to | | |
| **** | vs, | sequence during | sequence |

### in according to Selection

| | | |
|-------------|------|------|
| 1 | number (Big Number) | Chart |
| 2~3 | comparison , | |
| 4~12 | vs, , (6) | - |
| 13~50 | , | |
| 50+ | , , during | vs, |

## Chartper Design 

### vs Chart
- Y: when 0 when ( )
- vs : betweenof 1.5~2
- : sequence (whenbetween, )
- Color: 1 , neutral
- vs 12 , secondsand when N + ""

### Chart
- : vs 4~5 (secondsand when duringto)
- : 2~3px, 3~4px
- : 10 when, secondsand 
- Y : ~vsin 10% 

### / Chart
- : 3~6 (7+ → vs Chartto before)
- when : 12when 
- : 12when when
- : , vs + 
- 3D and vs 

### 
- number: , 
- Text: 
- : background , bold
- : vs 7 (secondsand when )
- during : bold + Color 

## Color 

### (Sequential)
 Colorof — () → ()

### (Diverging)
during Color — () ← during() → ()

### (Categorical)
to Color — vs 6, 

### Color 
| | description |
|------|------|
| Colorto | Pattern, , |
| vs 4.5:1 | WCAG AA |
| - combination | 8% () |
| Pattern vs | , , Pattern |

## Information Hierarchy Design (LATCH)

| | | application when |
|------|----------|----------|
| **L** Location | / | per → |
| **A** Alphabet | /ABC | Terminology before, name |
| **T** Time | whenbetween | to, line, trend |
| **C** Category | /type | per, per |
| **H** Hierarchy | /during | , |

## Storytelling Structure

### 3 Structure
1. **context **: " ..." (background )
2. **etc./**: "launch X Metrics..." (core Insight)
3. **/Suggestion**: " ..." ( )

### Slide when Pattern
| Pattern | Slide Flow |
|------|-------------|
| **** | total → → detailed |
| **** | per → Pattern → total when |
| **vs** | A → B → |
| **whenbetween** | and → Current → |
| **-** | → Analysis → |

## number 

| type | | when |
|-----------|------|------|
| amount () | , / | ₩12.5, ₩3,400 |
| | 1 | 23.4% |
| vs number | K/M/B | 1.2M, 350K |
| | +/- + Color | +12.3% () |
| Date | YYYY.MM Q1'25 | 2025.03, Q1'25 |

## Visualization Pattern (when )

| Pattern | | vs |
|---------|------|------|
| 3D Chart | , | 2D Chart |
| Y | and | 0 when |
| during Y | , | per Chart |
| 7+ | | vs |
| (5+) | | during(Small Multiples) |
| Color | of | in |
| Chart (chartjunk) | Information vs | of |