Michaelliv/charts-cli

Michaelliv-Profil

Letzte erfasste Quellaktivität: 23. März 2026 um 17:38

SkillsMP-Katalog aktualisiert: 17. Oktober 2026 um 00:09

gesammelte Skills: 2

GitHub-Stars: 9
GitHub-Forks: 3

README des Repositorys

README-Quelldatei: README.md

README-Quelldatei lesen

Vollständige README anzeigen

# charts-cli 📊 [![CI](https://img.shields.io/github/actions/workflow/status/Michaelliv/charts-cli/ci.yml?label=CI&color=brightgreen)](https://github.com/Michaelliv/charts-cli/actions/workflows/ci.yml) [![License](https://img.shields.io/badge/License-MIT-yellow)](https://opensource.org/licenses/MIT) **Chart generation CLI for agents.** Feed it an [ECharts](https://echarts.apache.org/) JSON config, get back SVG or PNG. No browser, no GUI, no fuss. --- ## Examples <img src="examples/bar.png" width="400" alt="Bar chart"> <img src="examples/line.png" width="400" alt="Line chart"> <img src="examples/pie.png" width="400" alt="Pie chart"> <img src="examples/scatter.png" width="400" alt="Scatter plot"> <img src="examples/radar.png" width="400" alt="Radar chart"> <img src="examples/heatmap.png" width="400" alt="Heatmap"> <img src="examples/funnel.png" width="400" alt="Funnel chart"> <img src="examples/gauge.png" width="400" alt="Gauge chart"> <img src="examples/sankey.png" width="400" alt="Sankey diagram"> <img src="examples/dark-theme.png" width="400" alt="Dark theme"> --- ## For Humans You install it. Your agent does the rest. ### Installation ```bash npm install -g charts-cli ``` ### Setup ```bash # Teach your agent how to use charts charts onboard ``` This adds instructions to your `CLAUDE.md` or `AGENTS.md` file. Done. ### Themes Built-in themes: `dark`, `vintage`, or pass a path to a custom JSON theme file. ```bash echo '{...}' | charts render --theme dark -o chart.png ``` --- ## For Agents ### 1. Get the Schema ```bash # What chart types are available? charts schema --list # Get the schema for what you need charts schema bar charts schema xAxis charts schema tooltip charts schema # Full EChartsOption (top-level keys) ``` Available types: - **Series**: bar, line, pie, scatter, radar, funnel, gauge, treemap, boxplot, heatmap, candlestick, sankey - **Components**: title, tooltip, grid, xAxis, yAxis, legend, dataZoom, visualMap, toolbox, dataset, radar-coord, polar, geo ### 2. Render ```bash # From stdin echo '{ "xAxis": { "type": "category", "data": ["Mon", "Tue", "Wed"] }, "yAxis": { "type": "value" }, "series": [{ "type": "bar", "data": [120, 200, 150] }] }' | charts render -o chart.png # From file charts render --config option.json -o chart.svg ``` ### Render Options | Option | Description | |--------|-------------| | `--config <file>` | JSON file with ECharts option | | `-o, --output <file>` | Output file (default: stdout) | | `-W, --width <n>` | Width in pixels (default: 800) | | `-H, --height <n>` | Height in pixels (default: 400) | | `--theme <name>` | `dark`, `vintage`, or path to JSON theme | | `--format <type>` | `svg` or `png` (auto-detected from extension) | ### Output - No `-o` sends SVG to stdout (pipeable) - `-o chart.svg` writes SVG - `-o chart.png` or `--format png` writes PNG --- ## FAQ **Q: Why not just have the agent write a Python script with matplotlib?** Because that's a whole runtime, dependencies, and 50 lines of code for a bar chart. This is one pipe. **Q: Why ECharts?** 30+ chart types, deep customization, great docs, and agents already know the config format from training data. The schema command fills in the gaps. **Q: What if the agent generates invalid JSON?** ECharts is forgiving. Missing fields get defaults. The agent gets the chart (maybe not perfect) and can iterate. --- ## Development ```bash bun install bun run src/main.ts --help # Regenerate schemas from ECharts types bun run generate:schema ``` --- ## License MIT

README des Repositorys wird geladen…

Skills in diesem Repository

Softwareentwickler

1 Berufskategorien · 100% klassifiziert

Skill

Beruf

Beschreibung

Aktualisiert

charts

Softwareentwickler

Generate SVG/PNG charts (bar, line, pie, scatter, radar, heatmap, funnel, gauge, sankey, etc.) from ECharts JSON configs

Quellsprache: Englisch

2026-03-23

charts

Softwareentwickler

Generate SVG/PNG charts (bar, line, pie, scatter, radar, heatmap, funnel, gauge, sankey, etc.) from ECharts JSON configs

Quellsprache: Englisch

2026-02-25

Es werden 2 von 2 gesammelten Skills angezeigt.

Mit einem KI-Assistenten installieren

Diesen Prompt kopieren und in den verwendeten KI-Assistenten einfügen.

Follow https://skillsmp.com/skill-install/prompt.md to install Agent Skills from https://github.com/Michaelliv/charts-cli.