Visualization Builder
CautionGenerates data visualizations, charts, and dashboards using Python (matplotlib, plotly, seaborn), JavaScript (D3, Chart.js), and BI tool configurations.
Install
Claude Code
Copy the SKILL.md file to your project's .claude/skills/ directory About This Skill
Visualization Builder creates data visualizations that communicate insights effectively. It generates code for Python libraries (matplotlib, seaborn, plotly), JavaScript frameworks (D3.js, Chart.js, ECharts), and BI tool configurations (Metabase, Grafana). The skill follows Edward Tufte's principles of data-ink ratio and clear, honest data presentation.
How It Works
- Data assessment — Analyzes your dataset to recommend the most appropriate chart types
- Chart selection — Suggests visualizations based on data types and the story you want to tell
- Code generation — Produces clean, customizable visualization code with proper labels and legends
- Styling — Applies consistent color palettes, typography, and accessibility-compliant designs
- Interactivity — Adds tooltips, zoom, filter, and drill-down for web-based visualizations
Best For
- Creating dashboards for stakeholder presentations
- Exploratory data analysis with quick chart iteration
- Building interactive data stories for web applications
- Generating consistent chart styles across an organization
Chart Types
Bar, line, scatter, heatmap, treemap, sunburst, sankey, box plot, violin, histogram, area, funnel, geographic maps, and small multiples. Recommends the right chart based on data dimensionality and audience.
Use Cases
- Create interactive plotly dashboards from pandas DataFrames
- Generate publication-quality matplotlib figures
- Build D3.js visualizations for web applications
- Design Metabase/Grafana dashboard configurations
Pros & Cons
Pros
- + Supports Python, JavaScript, and BI tool ecosystems
- + Follows Tufte's data visualization principles
- + Generates accessible, colorblind-friendly palettes
- + Recommends chart types based on data characteristics
Cons
- - Complex custom D3.js visualizations may need manual refinement
- - Cannot preview visualizations directly — requires running the generated code
Related Skills
Pandas Assistant
CautionOptimizes Python pandas workflows by writing efficient DataFrame operations, fixing common performance pitfalls, and converting between pandas, polars, and SQL.
SQL Optimizer
CautionAnalyzes SQL queries for performance issues, rewrites slow queries, recommends index strategies, and explains execution plans across PostgreSQL, MySQL, and SQLite.
Stay Updated on Agent Skills
Get weekly curated skills + safety alerts
每周精选 Skills + 安全预警