chart
Turn numbers into a chart — bar, line, area, pie, or doughnut. Use when asked to chart or graph data, visualize metrics/trends/breakdowns, or show numbers as a picture instead of a table. Produces a ready-to-render chart spec (renders live in the playground and exports as PNG) plus a one-line read of what the chart shows.
npx skills add mohitagw15856/pm-claude-skills --skill chart --agent claude-code
Same command for any agent — swap --agent for codex, cursor, copilot.
Weekly change comes from our own snapshots, not the repository page — it measures attention, not adoption.
# Chart Skill A table of numbers hides the story; a chart shows it. This skill turns data into a clean, correctly-typed chart — a **trend** as a line, a **comparison** as bars, a **composition** as a pie/doughnut — emitted as a small JSON spec inside a ` ```chart ` block that renders live in the playground (and exports as PNG). ## Required Inputs Ask for these only if they aren't already provided: - **The data** — the numbers, with their labels/categories (paste a table, list, or metrics). - **What you want to show** — a trend over time, a comparison between things, or parts of a whole. This decides the chart type. - **Series** — one metric or several (e.g. revenue *and* churn over the same months). - **Title** (optional) — what the chart is about. If the data implies the wrong chart type for the goal, pick the right type and say why. ## Output Format ### [What the chart shows] A one-line read — the takeaway the chart makes obvious. ```chart { "type": "line", "title": "MRR vs. churned MRR (2026)", "labels": ["Jan", "Feb", "Mar", "Apr", "May", "Jun"], "series": [ { "name": "MRR ($k)", "data": [120, 138, 151, 167, 180, 201] }, { "name": "Churned ($k)", "data": [8, 9, 7, 11, 9, 8] } ]
- Quality Checks
- Anti-Patterns
- Based On
What does the chart skill do?
Turn numbers into a chart — bar, line, area, pie, or doughnut. Use when asked to chart or graph data, visualize metrics/trends/breakdowns, or show numbers as a picture instead of a table. Produces a ready-to-render chart spec (renders live in the playground and exports as PNG) plus a one-line read of what the chart shows.
How do I install it?
Run `npx skills add mohitagw15856/pm-claude-skills --skill chart --agent claude-code` — it drops the skill into your project so the agent can pick it up. Swap the --agent value for codex, cursor or copilot if you use one of those.
Where does this skill come from?
From mohitagw15856/pm-claude-skills, a repository with 1,255 stars. We read it straight from the repository tree rather than a submitted listing, so what you see here is what is actually published.
Is a popular skill a good skill?
Not necessarily. Stars measure attention, not adoption — a repository can trend for a week and be abandoned. That is why we show the weekly change from our own snapshots next to the total, instead of a single flattering number.