Claude Code analytics-chart for readable trend charts
Choose the primary chart for an analytics view and provide totals, detail interactions, and a readable equivalent for the same data.
中文Install in Claude Code
Use Claude Code with the data, the app’s theme, and its page container. Use the project’s chart component or library if implementing interactions.
- Review `.claude/skills/analytics-chart/SKILL.md` and its requirements at the pinned GitHub commit.
- Create `.claude/skills/analytics-chart/` in your project and save the reviewed file as `.claude/skills/analytics-chart/SKILL.md`.
- Start Claude Code from that project's root, then select `/analytics-chart` in the slash menu.
Example task
Chart chart-16 is for community registrations. Its fixtures are {Mon: 6, Tue: 9, Wed: 5}. Use one primary trend chart and expose daily values.What to check
Show 20 as the total. The equivalent table retains {Mon: 6, Tue: 9, Wed: 5}, and labels or descriptions expose the same day and value.
Original SKILL.md on GitHub · Updated
Frequently asked question
Should a color-coded chart still have readable labels?
Yes. A text or table alternative exposes the same data, and interactive elements should have understandable labels.