Data Visualization Advisor
Analyze data and generate accessible, production-ready chart code instantly
What You Can Do
Analyze any dataset to identify the optimal chart type for your data's structure and story. Claude generates complete, production-ready code in your chosen library (Chart.js, Recharts, Matplotlib, or Plotly) with accessibility features built-in—ARIA labels, semantic markup, high-contrast color palettes, and proper legend placement. You get working visualizations you can paste into your projects immediately, not mockups or design suggestions.
Features
analyzes data structure to recommend the most effective visualization (line, bar, scatter, pie, heatmap, etc.)
outputs production-ready code in Chart.js, Recharts, Matplotlib, or Plotly based on your tech stack
includes ARIA labels, semantic HTML, keyboard navigation support, and sufficient color contrast ratios
uses scientifically-validated color schemes (deuteranopia, protanopia, tritanopia safe)
manages missing data, outliers, time-series patterns, and logarithmic scales intelligently
explains why a specific chart type works for your data and how to interpret the visualization
generated code includes comments and parameters you can quickly adjust for styling, dimensions, and interactivity
Example Output
Example 1: Bar Chart Recommendation
Input: Monthly revenue data across 5 product categories
Output: "A grouped bar chart is ideal here—it lets you compare categories within each month AND see trends across months side-by-side. Here's your Recharts component..."
<BarChart data={revenueData}>
<CartesianGrid strokeDasharray="3 3" />
<XAxis dataKey="month" />
<YAxis />
<Tooltip />
<Legend />
<Bar dataKey="category1" fill="#0173B2" />
<Bar dataKey="category2" fill="#DE8F05" />
...
</BarChart>
Example 2: Accessibility Compliance
Input: Website traffic dashboard for stakeholder reports
Output: Generated Matplotlib chart with alt="Line chart showing daily active users increasing from 1,200 to 4,800 over Q3" and WCAG AA compliant color contrast ratios (4.5:1).
Example 3: Edge Case Handling
Input: Sales data with gaps in 2 months and 1 major outlier spike
Output: "Consider using a line chart with a secondary annotation for the spike event. Here's the code with tooltips explaining the anomaly, plus a cleaned version without the outlier for comparison."
What's Included
- data-visualization-advisor SKILL.md: instruction file with chart selection logic, accessibility standards, and library-specific code patterns
- Chart Type Decision Tree: framework for choosing visualizations based on data dimensionality, comparison type, and composition
- Accessibility Checklist: WCAG 2.1 AA compliance checklist for colors, labels, keyboard navigation, and screen reader support
- Library Templates: boilerplate code snippets for Chart.js, Recharts, Matplotlib, and Plotly with accessibility patterns pre-built
- Color Palette Reference: color-blind-safe palette swatches with hex codes tested for deuteranopia, protanopia, and tritanopia
Who It's For
- Data analysts & business intelligence professionals — turn raw datasets into stakeholder-ready dashboards and reports
- Full-stack developers — generate frontend chart components that pass accessibility audits without extra work
- Product managers & designers — visualize user behavior, metrics, and product performance data clearly and accessibly
- Academic researchers — create publication-ready charts that meet journal accessibility and visualization standards
- Content creators & journalists — communicate data stories through effective, accessible visualizations
Best For
- Selecting the right chart type when you're unsure (line vs. bar vs. scatter, etc.)
- Generating production-ready chart code you can paste into projects immediately
- Creating accessible dashboards and reports that meet WCAG compliance standards
- Building multi-library chart components (React, Python, JavaScript) from a single data description
- Troubleshooting visualization problems (outliers, missing data, too many categories) with recommendations
You might also like
This skill analyzes your raw data and automatically recommends the best chart types, generates design specifications, and creates data-driven narratives that tell the story behind your numbers. You'll get publication-ready visualization briefs with interactive code, accessibility-optimized design specs, and key insights extracted from your dataset—no design experience required.
by skillslib
You can map vendor proposals against pre-established scoring criteria, identify compliance violations and anomalies, calculate weighted scores transparently, and generate contemporaneous evaluation documentation that demonstrates fair competition and legal defensibility. This skill helps procurement officers create audit trails that protect jurisdictions from bid protests and regulatory challenges.
by garrytan
You can generate structured federal compliance documents that automatically incorporate correct OMB circulars, Federal Acquisition Regulation (FAR) citations, statutory references, and agency-specific language. Specify the document type, target regulation, and key parameters, and Claude produces a compliant draft ready for review and approval without manual citation hunting or structural rework.
by garrytan
You can conduct comprehensive impact assessments of domestic policy proposals by applying a structured five-domain framework that examines economic implications, implementation barriers, affected populations, regulatory alignment, and second-order effects. The skill helps you identify stakeholder opposition risks, implementation vulnerabilities, and downstream consequences that preliminary analyses often miss, enabling evidence-based policy recommendations to decision-makers.
by garrytan
You can upload contract documents, SOWs, RFPs, and clause language to Claude, which analyzes them against Federal Acquisition Regulation (FAR) and Defense Federal Acquisition Regulation Supplement (DFARS) requirements. The skill identifies missing or misconfigured clauses, socioeconomic compliance issues, and pricing documentation gaps, then provides prioritized remediation actions with specific regulatory citations. You'll receive documented compliance analysis suitable for legal review and protest defense.
by garrytan
You can systematically decompose complex environmental policies into assessable components, evaluate them across regulatory, economic, and stakeholder dimensions, and identify implementation barriers and unintended consequences. This skill helps you produce evidence-based policy recommendations that withstand scrutiny from agency leadership, elected officials, and public stakeholders by applying structured assessment frameworks that integrate environmental science, legal requirements, economic analysis, and administrative capacity.
by garrytan
You can conduct comprehensive compliance audits of state agency operations by cross-referencing your policies, procedures, and practices against applicable regulatory frameworks, statutory requirements, and policy standards. The skill helps you identify compliance gaps systematically, document findings professionally, and develop remediation strategies with measurable timelines—enabling you to address issues proactively before external audits occur and demonstrate organizational commitment to regulatory adherence.
by garrytan
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.
by moonwell-fi