
Data Visualization Design & Code Generation
Turn data into publication-ready charts with AI-designed visualizations
What You Can Do
You describe your data and insights to Claude, and it designs custom charts, writes production-ready rendering code, and optimizes every visual detail for clarity and impact. Whether you're building dashboards, infographics, or presentation decks, Claude translates raw datasets into stories that resonate with your audience.
Features
Example Output
Prompt: "I have quarterly revenue data: Q1 $120k, Q2 $180k, Q3 $210k, Q4 $195k. Design a professional bar chart for an investor pitch deck with our brand blue."
Claude generates: SVG or D3 code with clean axes, gridlines, color-coded bars, and design rationale: "Bar chart chosen for clear quarter-to-quarter comparison. Blue gradient ($2563FF to $1D4ED8) creates visual hierarchy. Sans-serif labels ensure presentation-slide readability."
Prompt: "Build an interactive Plotly.js scatter plot showing user engagement vs. retention rate with hover tooltips and color-coded cohorts."
Claude generates: Complete React-ready code with axes, scales, color encoding, interactive tooltips, and responsive container — copy-paste ready for production.
What's Included
- SKILL.md: Core skill with chart design decision trees, visualization best practices, and code generation patterns
- Chart Type Templates: Starter prompts for bar, line, scatter, heatmap, sankey, and specialty visualizations
- Color Palette Library: Accessible color combinations with WCAG AA/AAA compliance ratings
- Code Snippet Library: D3, Plotly, matplotlib, and SVG templates for common visualizations
- Design Checklist: Verification guide for readability, accessibility, and impact
Who It's For
- Data analysts building dashboards and analytical reports
- Product managers visualizing metrics for executive presentations
- Data scientists explaining model outputs and key insights
- Content creators and journalists making data-driven stories
- Business intelligence teams designing analytics platforms
Best For
- Converting raw datasets into publication-ready dashboards
- Creating presentation-quality charts for stakeholder meetings
- Building interactive infographics from complex datasets
- Generating multiple design variations for chart A/B testing
- Designing responsive data visualizations for web applications







