skills.rest
haomingz
haomingzCOMMUNITY
Explore all skills by this author →
GitHub

data-viz-gen

Generate self-contained HTML infographics from JSON data.

12|2|Updated Apr 21, 2026
Search Tags:#html#python#dashboard#json#svg#infographic#data-visualization
One-click install
npx skills add https://github.com/haomingz/kimi-skills --skill data-viz-gen
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: data-viz-gen
Source: https://github.com/haomingz/kimi-skills/tree/main/skills/data-viz-gen
Command: npx skills add https://github.com/haomingz/kimi-skills --skill data-viz-gen

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

JSON data can be turned into rich, shareable infographics without manual chart construction, saving time and reducing errors.

Core Features & Use Cases

  • Four infographic types: stats, comparison, flow, and dashboard, with inline SVG/HTML output.
  • High-contrast palettes & icons: 8 color palettes and 24 built-in icons for visual variety.
  • Self-contained output: Emits a single HTML file with no external dependencies, ideal for easy sharing and embedding.

Quick Start

Provide a JSON config to generate a self-contained HTML/SVG infographic.

Frequently Asked Questions about data-viz-gen

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate an HTML infographic from JSON data?▼

You can generate self-contained HTML infographics from JSON by passing a JSON config via file or stdin, producing a single browser-ready HTML file with inline CSS and SVG, requiring no external dependencies.

What types of infographics can I create from JSON?▼

You can create four types of infographics from JSON: stats, comparison, flow, and dashboard. Each type supports multiple high-contrast palettes and built-in icons for visual variety in reports and presentations.

Do I need any external libraries to render the SVG infographics in a browser?▼

No, you do not need any external libraries to render the SVG infographics. The output is a self-contained HTML file with all CSS and SVG inline, making it ideal for easy sharing and embedding.

What is the best way to share JSON data visualizations without manual chart construction?▼

The best way to share JSON data visualizations without manual chart construction is generating a single self-contained HTML file. This approach eliminates external dependencies and reduces errors for dashboards and reports.

Can I use Python to pass JSON data for dashboard generation?▼

Yes, you can use Python to pass JSON data for dashboard generation by piping the JSON config through stdin. The process accepts config via file or stdin to produce the final HTML output.

Are there limitations when using self-contained HTML files for data visualization?▼

A limitation of self-contained HTML files for data visualization is that the output is static. The inline SVG and HTML format does not support interactive charting or dynamic data updates after generation.

Related Skills

Explore More Data & Analytics Skills→
okxokx
12

uniswap-cca-configurator

Configure Continuous Clearing Auction parameters and generate deployment-ready JSON configs.

Official
Advanced
zerwizzerwiz

architecture-diagram

Generates standalone HTML files with inline SVG dark-themed architecture diagrams.

Community
Intermediate
jesseotremblayjesseotremblay
1

processing-data

Transform, clean, and extract structured information from CSV and JSON data.

Community
Basic
FatByFatBy
2

python-dataviz

Generate static and interactive data visualizations with matplotlib, seaborn, and plotly.

Community
Intermediate