# Data Visualization Playbook

> Apply a concise decision-focused playbook to design, implement, critique, or validate charts with correct encodings, annotations, accessibility, and source context. Use when the user asks for this playbook or needs a lightweight second-pass chart review alongside installed visualization skills. Turkish triggers: veriyi görselleştir, doğru grafik seç, chart tasarla, görsel veri anlatımı.

- Skill: `yigityildiz0/data-visualization-playbook` (Agent Skill)
- Install (CLI): `npx skillmds@latest add yigityildiz0/data-visualization-playbook`
- Raw SKILL.md: https://api.skillmd.com/api/skills/yigityildiz0/data-visualization-playbook/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Web & Frontend
- Author: yigityildiz0 (https://skillmd.com/u/yigityildiz0)
- Updated: 2026-09-21
- Page: https://skillmd.com/skills/yigityildiz0/data-visualization-playbook

---


# Data Visualization

Choose the chart that makes the decision-relevant comparison easiest to see.

1. Identify the audience, decision, measure, comparison, uncertainty, and source date.
2. Choose a simple encoding: position/length before color/area; avoid charts that exaggerate tiny differences.
3. Label units, denominators, time window, filters, sample size where relevant, and uncertainty or data gaps.
4. Use accessible contrast, non-color cues, readable annotations, and a text alternative or concise finding.
5. Validate the data transformation and visually inspect the rendered output.

Do not use misleading truncated axes, decorative 3D, unlabelled dual axes, or color-only meaning without a reasoned exception.