About visualization-patterns
A skill for planning and reviewing analytics dashboards and visualizations. It gives teams a structured way to align charts, layout, accessibility, and narrative with audience needs and decisions.
Key features
- 01Audience and decision framing
- 02Dashboard layout and KPI hierarchy
- 03Chart selection by metric type
- 04Accessibility and responsive design checks
- 05Narrative annotations and action links
- 06Dashboard and metric templates
Use cases
- 01Planning a new analytics dashboard
- 02Reviewing chart accessibility and clarity
- 03Supporting self-serve analytics adoption
Install
Copy the command and run it in a terminal.
$
npx skills add https:/After installing, type/visualization-patternsin Claude Code to confirm it loaded.
Details
From the project READMEAnalytics Visualization Patterns Skill
When to Use
- Planning a new dashboard or updating existing visualizations.
- Coaching teams on self-serve analytics adoption.
- Auditing visual design, accessibility, and narrative clarity.
Framework
- Audience & Story – clarify persona, decision cadence, and key questions.
- Layout & Hierarchy – organize tiles by funnel (overview → drill-down → diagnostic), highlight KPIs.
- Chart Selection – match metric type to chart (trend, composition, comparison, distribution).
- Accessibility – color contrast, labels, tooltips, mobile/responsive considerations.
- Narrative & Actions – annotate insights, embed CTA buttons or playbook links.
Templates
- Dashboard wireframe grid with KPI slots.
- Metric dictionary (definition, source, owner, refresh schedule).
- Adoption checklist (stakeholder review, enablement session, feedback form).
Tips
- Keep hero KPIs at top-left with trend vs target.
- Use consistent color palettes for good/bad variance.
- Embed documentation or Loom walkthroughs directly in BI tool when possible.
Comments
Markdown supported