data-viz-renderer

仓库创建 2025年6月22日最近提交 1 天前SkillHot 收录 20 天前

▸ 精选理由

能生成无外部依赖、可嵌入的仪表盘与数据卡片，便于分享与发布。

这个 Skill 做什么

从 JSON 数据生成独立的 HTML/SVG 信息图与图表。

把原始 JSON 一键变成独立可发布的 HTML/SVG 信息图和图表，能输出 KPI 卡片、分组柱状图、流程图或混合仪表盘。适合做数据报告、邮件内嵌图或不想引入前端依赖就要展示可视化的场景。特点是自带图标和 8 套配色、无外部依赖，产出文件能直接拿去用。

▸ 展开 SKILL.md 英文原文

Generate self-contained HTML/SVG infographics from JSON data, including stat cards, bar charts, flow diagrams, and mixed dashboards. Offers 8 color palettes and built-in icons with no external dependencies. Triggered when users request data visualization, infographics, charts, or dashboards.

数据与抓取可视化SVG/HTML信息图通用

4.4k

Stars

448

Forks

仓库内 Skill

+70

7 日增星

安装 / 使用

给你的 Agent 一句话（通用）

帮我安装这个 skill：https://raw.githubusercontent.com/zebbern/claude-code-guide/main/skills/data-viz-renderer/SKILL.md

或 curl 直取 SKILL.md

curl -fsSL "https://raw.githubusercontent.com/zebbern/claude-code-guide/main/skills/data-viz-renderer/SKILL.md"

SKILL.MD 节选查看完整文件 ↗

# Data Viz Renderer

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

1. **Stats Cards** — KPI big numbers + trend arrows + icons
2. **Comparison Chart** — Grouped bar chart with multiple series
3. **Flow Diagram** — Step-by-step process with numbering, icons, and connecting arrows
4. **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

```bash
python3 scripts/build_infographic.py config.json
```

Also supports reading from stdin:

```bash
cat config.json | python3 scripts/buil

via SKILL·HOT · 数据来自 GitHub 公开信息 · 原文版权归作者所有