Skip to content

Visualization Builder

Caution

Generates data visualizations, charts, and dashboards using Python (matplotlib, plotly, seaborn), JavaScript (D3, Chart.js), and BI tool configurations.

By Data Skills Lab 4,280 v1.6.0 Updated 2026-03-10

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

  1. Data assessment — Analyzes your dataset to recommend the most appropriate chart types
  2. Chart selection — Suggests visualizations based on data types and the story you want to tell
  3. Code generation — Produces clean, customizable visualization code with proper labels and legends
  4. Styling — Applies consistent color palettes, typography, and accessibility-compliant designs
  5. 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

Stay Updated on Agent Skills

Get weekly curated skills + safety alerts

每周精选 Skills + 安全预警