Data Viz Renderer

Data Viz Renderer is a Data skill for Claude Code, published by zebbern in claude-code-guide.

4.6K stars459 forkson zebbern/claude-code-guideAdded 2026/08/16Repository updated 2026/08/15

aiai-agentai-agent-toolsanthropic-claudeclaudeclaude-aiclaude-apiclaude-codeclaude-code-communicationclaude-code-guideclaude-code-skillsclaude-commandsclaude-desktopclaude-mcpclaude-sonnetcodemcpmcp-agentsmcp-toolsvscode-extension

Install in seconds

Install Data Viz Renderer

Copy Data Viz Renderer into your Claude Code skills folder. Run the command in your terminal, or review the source on GitHub before installing.

terminal

npx degit https://github.com/zebbern/claude-code-guide/tree/main/skills/data-viz-renderer ~/.claude/skills/data-viz-renderer

Requires Node.js. Downloads this skill only — not the rest of the repository — into your Claude Code skills folder.

Without Node.js

git clone https://github.com/zebbern/claude-code-guide.git

Clones the whole repository, then copy the skill’s own directory into your skills folder yourself.

In this catalog

Source file: skills/data-viz-renderer/SKILL.md in zebbern/claude-code-guide
Installs to: ~/.claude/skills/data-viz-renderer
Collection: One of 25 skills cataloged from this repository
Category: Data — 668 skills

What Data Viz Renderer does

Data Viz Renderer generates self-contained HTML/SVG infographics from JSON data, including stats cards, bar charts, flow diagrams, and mixed dashboards. Use it when a user asks for data visualization, infographics, charts, or dashboards.

Data Viz Renderer is cataloged under Data on DirSkills. Data Viz Renderer comes from a repository tagged ai, ai-agent, ai-agent-tools, anthropic-claude and claude.

Documentation

README

Excerpt

Data Viz Renderer

Generate self-contained HTML/SVG infographics from JSON data. Four supported types:

Stats Cards — KPI big numbers + trend arrows + icons
Comparison Chart — Grouped bar chart with multiple series
Flow Diagram — Step-by-step process with numbering, icons, and connecting arrows
Dashboard — Mixed layout: stat cards + bar chart + donut chart + flow

Output is a fully self-contained HTML file (all CSS/SVG inline, no external dependencies), ready to open directly in a browser.

Usage

Basic Usage

python3 scripts/build_infographic.py config.json

Also supports reading from stdin:

cat config.json | python3 scripts/build_infographic.py

This is the opening of the README. Read the full README on GitHub.

Frequently asked about Data Viz Renderer

What else does zebbern publish alongside Data Viz Renderer?
Data Viz Renderer is one of 25 skills that DirSkills catalogs from zebbern/claude-code-guide, the repository it ships in. Its siblings there include API Fuzzing for Bug Bounty, API Shape Explorer and AWS Penetration Testing. Each one is a separate skill with its own page in this directory, installs the same way Data Viz Renderer does, and is maintained by zebbern in that same repository. The rest of the collection is listed on the zebbern/claude-code-guide page.
How does Data Viz Renderer compare to other Data skills?
Data Viz Renderer ranks #188 by stars among the 668 Data skills in this catalog. The most-starred ones next to it are Benchmark Methodology, Jupyter Notebook and Solana. DirSkills ranks by the star count of the repository each skill ships in, so that order reflects how popular those repositories are rather than any review of Data Viz Renderer against them. Open each page to compare what they document and how they install.