building-webapp-data-visualization

Installation
SKILL.md

Data Visualization

When to Use

Use this skill when:

  • Adding charts (donut, pie, bar, line, area) to a dashboard or analytics page
  • Displaying KPI/metric stat cards with trend indicators
  • Building a dashboard layout with mixed chart types and summary cards

Step 1 — Determine the visualization type

Identify what the user needs:

  • Donut / pie chart — categorical breakdown (e.g. issue types, status distribution)
  • Bar chart — comparison across categories or time periods
  • Line / area chart — trends over time
  • Stat card — single KPI metric with optional trend indicator
Related skills

More from forcedotcom/afv-library

Installs
4
GitHub Stars
290
First Seen
Mar 23, 2026