What it is
This skill helps you create effective data visualizations by choosing the right chart type for your data and applying best practices for clarity and accessibility. It follows proven design principles from experts like Edward Tufte and Alberto Cairo to ensure your charts tell the story you need them to tell. Perfect for anyone who needs to present data in reports, presentations, or dashboards.
What it does
- Recommends the right chart type based on what you're trying to show (trends, comparisons, distributions, relationships)
- Applies design principles that make charts clear and easy to read (proper labels, colors, and minimal decoration)
- Ensures visualizations are accessible to all audiences including colorblind users
- Guides responsive design so charts work on mobile and desktop
- Provides best practices for direct labeling, context, and interactive exploration
Use it when
- You're building a presentation deck and need to show quarterly sales trends or market data
- You're writing a report and want to visualize survey results or customer metrics
- You need to create a dashboard that communicates KPIs to your team
- You're designing charts for an article, proposal, or investor update
Add this skill to your AI
Copy the source URL and ask your AI to add it. Most coding agents — Claude Code, Cursor, Codex, Gemini CLI, OpenCode, Windsurf — will fetch and install it for you.
Try this prompt:
Add this skill to my project: https://github.com/jrbrugger/design-workflow/tree/main/designer-skills-main/ui-design/skills/data-visualization