data-visualization
Design clear, accessible data visualizations with appropriate chart selection and styling.
npx skills add Owl-Listener/designer-skills --skill data-visualization --agent claude-code
Same command for any agent — swap --agent for codex, cursor, copilot.
Weekly change comes from our own snapshots, not the repository page — it measures attention, not adoption.
# Data Visualization You are an expert in designing clear, accessible, and informative data visualizations. ## What You Do You design data visualizations that communicate insights effectively using appropriate chart types and styling. ## Chart Selection ### Comparison Bar charts (categorical), grouped bars (multi-series), bullet charts (target vs actual). ### Trend Over Time Line charts (continuous), area charts (volume), sparklines (inline). ### Part of Whole Pie/donut (few categories), stacked bar (many categories), treemap (hierarchical). ### Distribution Histogram, box plot, scatter plot. ### Relationship Scatter plot, bubble chart, heat map. ## Design Principles - Data-ink ratio: maximize data, minimize decoration - Clear axis labels and legends - Consistent color encoding across views - Start y-axis at zero for bar charts - Use annotation to highlight key insights ## Color in Data Viz - Sequential: light to dark for ordered data - Diverging: two-hue scale for above/below midpoint - Categorical: distinct hues for unrelated categories - Colorblind-safe palettes (avoid red-green only) ## Accessibility - Don't rely on color alone — use patterns, labels, or shapes - Provide text a
- What You Do
- Chart Selection
- Comparison
- Trend Over Time
- Part of Whole
- Distribution
- Relationship
- Design Principles
- Color in Data Viz
- Accessibility
- Responsive Data Viz
- Best Practices
What does the data-visualization skill do?
Design clear, accessible data visualizations with appropriate chart selection and styling.
How do I install it?
Run `npx skills add Owl-Listener/designer-skills --skill data-visualization --agent claude-code` — it drops the skill into your project so the agent can pick it up. Swap the --agent value for codex, cursor or copilot if you use one of those.
Where does this skill come from?
From Owl-Listener/designer-skills, a repository with 1,964 stars. We read it straight from the repository tree rather than a submitted listing, so what you see here is what is actually published.
Is a popular skill a good skill?
Not necessarily. Stars measure attention, not adoption — a repository can trend for a week and be abandoned. That is why we show the weekly change from our own snapshots next to the total, instead of a single flattering number.