← ClaudeAtlas

chart-builderlisted

Use this skill when creating data visualizations, selecting the right chart type, or generating chart code. Trigger phrases: 'build a chart', 'visualize this data', 'create a graph', 'plot these numbers', 'which chart should I use for'. Not for building interactive dashboards, designing UI components, or creating infographics with design tools like Figma.
NickCrew/Claude-Cortex · ★ 15 · Web & Frontend · score 77
Install: claude install-skill NickCrew/Claude-Cortex
# Chart Builder ## Overview This skill provides a systematic approach to data visualization—from choosing the right chart type for your data and message, to implementing it in Python (matplotlib/seaborn) or JavaScript (Chart.js). It covers chart anatomy, color principles, accessibility requirements, and common pitfalls, so every chart communicates its insight clearly and honestly. ## When to Use - You need to communicate a data insight visually - You're unsure which chart type fits your data shape and message - You need reproducible chart code in Python or JavaScript - You want to improve a chart that isn't communicating clearly - You're building a report, slide deck, or embedded visualization ## When NOT to Use - Building a full interactive BI dashboard (use dashboard-designer skill) - Designing data art or infographics for marketing - Creating maps or geospatial visualizations (use a GIS tool) - Animating data for video production ## Quick Reference | Chart Type | Best For | Avoid When | |------------|----------|------------| | Bar (vertical) | Comparing categories, rankings | Too many categories (>12) | | Bar (horizontal) | Long category labels, rankings | Showing trends over time | | Line | Trends over time, continuous data | Categorical/unordered x-axis | | Scatter | Correlation between two variables | Fewer than ~20 data points | | Pie / Donut | Part-of-whole (max 5 slices) | Comparing many segments | | Heatmap | Matrix of values, correlation tables | Audiences unfa