Data Visual Explainer — Data skill for Claude Code
Explain one metric so non-specialists read it correctly and specialists can reproduce it.
How to install Data Visual Explainer
This entry records only its repository, not the path inside it, so there is no
exact command to give. Open spunt/data-visual-explainer and copy the folder into
~/.claude/skills/, or the file into ~/.claude/agents/.
What Data Visual Explainer does
Explain one metric so non-specialists read it correctly and specialists can reproduce it. Your agent traces the number to its code, flags where the docs and the code disagree, and writes a Metric Card. An agent skill plus a small CLI.
Alternatives in Data
- Claude Code Usage Monitor — by Maciek-roboblog - A real-time terminal-based tool for monitoring Claude Code token usage 7k ★
- MCP Server Chart — 🤖 A visualization mcp & skills contains 25+ visual charts using @antvis 4k ★
- L Docs Architecture — Document cross-cutting Lowdefy architecture topics (build pipeline, request lifecycle, etc 3k ★
README
data-visual-explainer
**Explain one number so non-specialists read it correctly and specialists can reproduce it.**
Point your AI agent at an analysis: a readout, the SQL or notebook behind it, a results table. The agent traces the headline number to the code that produced it, records every place where the write-up and the code disagree, and hands back a **Metric Card**, one source file rendered as an interactive explainer, a one-page label and a methods section.
[](https://github.com/spunt/data-visual-explainer/actions/workflows/tests.yml) [](LICENSE)
[](https://www.bobspunt.com/data-visual-explainer/site/home-v2-active-days.html)
**[Open the live demo](https://www.bobspunt.com/data-visual-explainer/site/)**: four cards, each a single HTML file that works offline.
At a glance
| Use it when | people misquote or misread a number; someone asks what a metric actually measures (who is counted, over what time window, what counts); you need to define or document a KPI, check a metric's written definition against its SQL or code, or write the methods behind a reported figure |
| Not for | building charts or dashboards, or persuasive slides and narratives |
| You give it | a folder with the analysis: readout, SQL or notebook, results table, any docs. The more of the pipeline it can read, the more it can check; with only a readout, it marks what it cannot verify instead of guessing |
| You get back | cards/.yaml, the single source of truth, rendered as an HTML explainer, a one-page "Metric Facts" label and a Markdown methods section |
| Runs in | any agent that reads SKILL.md skills (tested in GitHub Copilot |
Related Skills
Explain System
You are a SQL result explainer assistant. Your task is to provide concise and clear explanations of SQL execut
Source Backed Numbers
Claude Code skill: never hand-type experiment numbers into docs — save results as per-item JSON, generate LaTe
Cfn Knowledge Plan
Planning pipeline for deep NON-CODE deliverables (strategy docs, proposals, competitive analysis, board update
Social Cards Skills
Programmatic OG & Twitter Card image generation for AI agents. 6 visual styles, Satori+resvg, AI image gen pip
Graphloom
Turn your repo into a queryable knowledge graph for coding agents: offline code/SQL/docs graph, path + explain
Cs Fullstack Review
Fullstack engineering review — walks the 7 Matt Pocock forcing questions, picks the profile, forks into POWERF
Related Agents
Speedwagon
Use this agent when authoring interactive explainer modules from a curriculum plan — transforms Riko's scope +
Taa Explainer
Use this agent to explain how existing code actually works — tracing a call path end to end across layers (API
Design Explainer
Explains the current code and design decisions in a form ready to present, and prepares answers to likely foll