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
You might also like
This skill helps you systematically diagnose failures in distributed ML training and serving infrastructure. You provide system logs, metrics, and error traces, and Claude performs structured root-cause analysis to identify the underlying issue—whether it's resource exhaustion, distributed system deadlock, data pipeline corruption, or model serving misconfiguration. You get a detailed diagnosis with remediation steps ranked by likelihood and implementation effort.
by moonwell-fi
You can systematically diagnose why your RAG system isn't returning relevant results and identify specific misalignments between queries and context. This skill walks you through analyzing retrieval quality, scoring context relevance, and optimizing prompt-retrieval alignment to improve your RAG accuracy. You'll get concrete, actionable recommendations for fixing bottlenecks in your pipeline.
by moonwell-fi
You can prepare your domain-specific datasets, train fine-tuned Claude models optimized for your use case, benchmark performance against base models, and deploy production-ready custom models. This skill automates the entire fine-tuning pipeline from raw data to live inference, complete with cost-benefit analysis and version control.
by moonwell-fi
You get structured guidance for designing controlled experiments, selecting appropriate metrics, and analyzing results with statistical rigor. Claude helps you identify confounding variables, calculate required sample sizes, interpret statistical significance, and document methodology for reproducible benchmarking that stands up to scrutiny.
by moonwell-fi
You can structure comprehensive health technology assessments (HTAs) that organize clinical evidence, economic analyses, and regulatory considerations into evidence-based coverage recommendations. This skill helps you synthesize clinical trial data, health economic models, and real-world evidence into clear, defensible payer coverage determinations. You'll generate professional HTA reports that align with major frameworks like ICER, CADTH, and NICE standards.
by moonwell-fi
You can systematically diagnose performance issues across your ML infrastructure, identify root causes of distributed training failures, and receive actionable optimization recommendations. This skill analyzes metrics, logs, and configuration data to pinpoint resource constraints, communication overhead, and configuration misalignments that impact training speed and reliability.
by moonwell-fi
This skill guides you through architecting production-grade multi-agent systems that orchestrate multiple Claude instances to solve complex problems in parallel. You'll learn proven patterns for agent communication, task decomposition, resource allocation, and failure handling—plus get templates for coordination protocols and monitoring dashboards.
by moonwell-fi
This skill transforms high-level feature requests into actionable implementation plans by conducting deep requirement interviews, analyzing existing codebases (or planning greenfield projects), and producing comprehensive handoff documents. It distinguishes between brownfield development (with existing code to integrate) and greenfield projects (starting from scratch), ensuring your technical strategy accounts for your actual constraints and patterns.
by moonwell-fi