data-visualization-helper_skill

Overview

This skill provides automated guidance and code generation for creating effective data visualizations within the Visual Content domain. It helps design charts, diagrams, and presentation-ready visuals while following industry patterns and validation checks. Use it to accelerate visualization workflows and produce production-ready configuration and code.

How this skill works

The skill inspects intent and supplied data or visualization requirements, then recommends chart types, layouts, color palettes, and accessibility options. It can generate ready-to-run code snippets (Python plotting, Vega-Lite, Mermaid, or charting libraries), configuration files, and step-by-step instructions. Outputs include validation hints and remediation for common errors like missing fields, dependencies, or permission issues.

When to use it

• You need quick, validated chart or diagram designs from raw data or a visualization brief.
• You want production-ready plotting code (Matplotlib, Seaborn, Plotly, Vega-Lite) or diagram markup (Mermaid).
• You’re preparing visual content for reports, dashboards, or presentations and need best-practice guidance.
• You need help diagnosing visualization errors, configuration issues, or dependency problems.

Best practices

• Choose chart types that match data intent: distribution, comparison, composition, or trend.
• Provide sample data or schema to produce accurate code and avoid ambiguous recommendations.
• Ensure color palettes meet contrast and color-blind accessibility guidelines.
• Include axis labels, units, legends, and concise annotations for clarity.
• Validate generated code in your environment and supply missing dependencies when flagged.

Example use cases

• Generate a Plotly bar chart and export-ready PNG for a quarterly sales slide.
• Produce a Vega-Lite spec for an interactive dashboard widget with filtering and tooltips.
• Convert tabular metrics into an annotated time-series chart with forecasting overlays.
• Create Mermaid diagrams for architecture visualizations or flowcharts embedded in docs.
• Troubleshoot a broken visualization by identifying missing fields or incompatible library versions.