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

chart-gen

Generate PNG/SVG charts from JSON, CSV, or shorthand data using Vega-Lite in Node.js.

12|2|Updated Apr 21, 2026
Search Tags:#automation#png#svg#nodejs#data-visualization#vega-lite#chart-generation
One-click install
npx skills add https://github.com/haomingz/kimi-skills --skill chart-gen
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: chart-gen
Source: https://github.com/haomingz/kimi-skills/tree/main/skills/chart-gen
Command: npx skills add https://github.com/haomingz/kimi-skills --skill chart-gen

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires vega, vega-lite, sharp, and includes scripts (resource) components.

What problem does it solve?

从数据生成高质量的图表图片，支持离线使用，适用于服务器端的自动化报告、仪表盘和文档生成。

Core Features & Use Cases

  • 基于 Vega-Lite 从数据生成 PNG/SVG 图表，避免浏览器和原生依赖，降低部署和运行成本。
  • 支持折线图、柱状图、面积图、饼图/环形图、K 线图和热力图等多种类型，提供坐标轴、颜色、标题等可配置项。
  • 典型用例包括自动化报告生成、API 输出的可视化、监控仪表板的离线图表等。

Quick Start

提供数据数组并运行图表生成器以输出一张 PNG 或 SVG 图像。

Frequently Asked Questions about chart-gen

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

FAQPage Schema
How do I generate PNG charts from JSON data in Node.js without a browser?▼

This Skill generates PNG charts from JSON data in Node.js without a browser by leveraging Vega-Lite and sharp to render data arrays into high-quality offline images. It accepts JSON arrays, CSV, and shorthand formats for server-side automation.

What chart types can I automate for server-side reporting?▼

You can automate line, bar, area, pie/donut, candlestick, and heatmap charts for server-side reporting. This Skill uses Vega-Lite to produce these visualizations with configurable width, height, color, theme, and optional annotations.

Does Vega-Lite work with Node.js for offline SVG chart generation?▼

Vega-Lite works with Node.js for offline SVG chart generation. This Skill avoids browser and native dependencies, allowing you to output SVG files directly for dashboards, documents, and server-side automation tasks.

Can I generate candlestick and heatmap charts from CSV data?▼

You can generate candlestick and heatmap charts from CSV data. The Skill accepts CSV inputs alongside JSON arrays and simple shorthand formats to render various chart types offline using Vega-Lite.

Do I need native dependencies to create Vega-Lite charts in Node.js?▼

You do not need native dependencies to create Vega-Lite charts in Node.js. This Skill avoids browser and native dependencies, lowering deployment and running costs for offline server-side data visualization and reporting.

Related Skills

Explore More Data & Analytics Skills→
phillipganphillipgan
1

chart-image

Generate chart images from JSON data using Vega-Lite and Sharp.

Community
Intermediate
odylithodylith
34

odylith-atlas-render

Render Atlas diagrams from Yardl or other sources into Minecraft's Yak? No, Yak is not involved. Actually, reprocess the request: convert Mermaid catalog data to Atlas diagrams and export them as SVG or PNG files for use in documentation and presentations.

Official
Intermediate
Arnutt-NArnutt-N

image-helper

Resize, validate, and generate avatars for HR-IMS image workflows.

Community
Advanced
qytay-paloqytay-palo

interactive-dashboard-builder

Build self-contained interactive HTML dashboards with Chart.js and client-side filters.

Community
Advanced