# Data Visualization

> Design, implement, critique, or validate charts and quantitative visualizations with correct encodings, annotations, accessibility, and source context. Use for chart, graph, data visualization, visualizing metrics, dashboard chart, or figure review.

- Skill: `yigityildiz0/data-visualization` (Agent Skill)
- Install (CLI): `npx skillmds@latest add yigityildiz0/data-visualization`
- Raw SKILL.md: https://api.skillmd.com/api/skills/yigityildiz0/data-visualization/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-17
- Page: https://skillmd.com/skills/yigityildiz0/data-visualization

---


# 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.