Data Visualization
Turns data into charts that actually communicate something. Walks you through choosing the right visualization type based on what you're trying to show (comparisons, trends, distributions, relationships), then applies solid design principles like maximizing data-ink ratio and ensuring colorblind-safe palettes. The accessibility guidance is practical, reminding you not to rely on color alone and to make interactive charts keyboard navigable. Also covers responsive considerations, which matters when your beautiful desktop dashboard turns into an unreadable mess on mobile. The chart selection matrix alone saves you from the classic mistake of throwing a pie chart at everything.
- install copies · 90 days. Times the install command was copied on this site in the last 90 days, bots filtered.
- 5
- skills.sh installs
- 2.6K
- GitHub stars
- 3.3K
- last updated
- Aug 21, 2026
Install
$ npx -y skills add owl-listener/designer-skills --skill data-visualization --agent claude-codeInstalls into .claude/skills of the current project.
Files
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
Sponsors
Agent CaffeineSponsoredClose your lid, come back to finished work
SnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthly
WaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthly
knobsSponsoredSee your site on any phone, any day, in any languageDetails
- Repository
- github.com/owl-listener/designer-skills
- Categories
- Data Science & ML, Design & UI/UX
- First seen
- May 16, 2026
More from owl-listener/designer-skills
All 68- Spacing System2.5K
- Responsive Design2.5K
- Wireframe Spec2.5K
- Micro Interaction Spec2.5K
- Loading States2.5K
- Animation Principles2.5K
- Design Critique2.5K
- Design Qa Checklist2.5K
- Design Token Audit2.5K
- State Machine2.4K
- Error Handling Ux2.4K
- Design Token2.4K
- Usability Test Plan2.4K
- Accessibility Audit2.4K
- Case Study2.4K
- Ux Writing2.4K
- Journey Map2.4K
- Component Spec2.4K
- Design Principles2.4K
- Theming System2.4K
- Competitive Analysis2.3K
- Feedback Patterns2.3K
- Design Brief2.3K
- Prototype Strategy2.3K
Recommended
More Data Science & ML
app-analyticseronred/aso-skillsWhen the user wants to set up, interpret, or improve their app analytics and tracking. Also use when the user mentions "analytics", "tracking", "metrics", "KPIs2.6Kskills.sh installs
analytics-trackingkostja94/marketing-skillsWhen the user wants to set up, audit, or optimize analytics tracking (GA4, events, conversions). Also use when the user mentions "Google Analytics," "GA4," "eve2.4Kskills.sh installs
company-researchbrowserbase/skillsCompany discovery and deep research skill. Researches a company's product and ICP, discovers target companies to sell to using Browserbase Search API, deeply re2.4Kskills.sh installs
dt-obs-predictive-analyticsdynatrace/dynatrace-for-aiPredictive analytics for Dynatrace — time series forecasting with the timeseries-forecast tool, capacity saturation planning, trend and anomaly detection across2.4Kskills.sh installs
research-decision-roomnexu-io/open-designTurn messy user research notes, interviews, support tickets, surveys, and product context into an evidence-backed decision room: a single HTML artifact with an 2.3Kskills.sh installs
business-analytics-reporterailabs-393/ai-labs-claude-skillsThis skill should be used when analyzing business sales and revenue data from CSV files to identify weak areas, generate statistical insights, and provide strat2.2Kskills.sh installs