Skip to main content
Generalgtmagents

visualization-patterns

Use when designing dashboards, reports, and narratives for GTM stakeholders.

Stars
259
Source
gtmagents/gtm-agents
Updated
2026-04-03
Slug
gtmagents--gtm-agents--visualization-patterns
View on GitHubRaw SKILL.md

// install — copy + paste into any project

mkdir -p .claude/skills && curl -fsSL https://raw.githubusercontent.com/gtmagents/gtm-agents/HEAD/plugins/analytics-pipeline-orchestration/skills/visualization-patterns/SKILL.md -o .claude/skills/visualization-patterns.md

Drops the SKILL.md into .claude/skills/visualization-patterns.md. Works with Claude Code, Cursor, and any agent that loads SKILL.md files from .claude/skills/.

Analytics 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

  1. Audience & Story – clarify persona, decision cadence, and key questions.
  2. Layout & Hierarchy – organize tiles by funnel (overview → drill-down → diagnostic), highlight KPIs.
  3. Chart Selection – match metric type to chart (trend, composition, comparison, distribution).
  4. Accessibility – color contrast, labels, tooltips, mobile/responsive considerations.
  5. 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.