# graphic-chart

> Generates data visualization charts (bar, line, area, pie, doughnut, scatter, radar, treemap) as PNG using Apache EChar…

Generates data visualization charts (bar, line, area, pie, doughnut, scatter, radar, treemap) as PNG using Apache ECharts v6. 1080×1080px default, 5 style presets, highlight annotations. Trigger when user says "create a chart", "visualize data", "make a bar chart", "line graph", "pie chart", "data visualization", "chart this data", "plot", "graph", or "visualize these numbers".

- Type: Skill
- Made by: Varnan-Tech
- Category: Data & analytics
- Formats: Skills
- Version: 1dd4631
- Source: https://github.com/varnan-tech/opendirectory/tree/HEAD/skills/graphic-chart
- Page: https://pluginboard.ai/skills/graphic-chart

## Works with

- ChatGPT
- Claude
- Gemini
- GitHub Copilot
- Cursor
- Claude Code
- Codex
- Antigravity
- Gemini CLI
- Replit
- OpenClaw
- OpenCode
- Hermes Agent

## Install

### ChatGPT

In ChatGPT: Download the graphic-chart folder and zip it, then Plugins → Skills → Create → Upload from your computer. Business and Enterprise plans.

View the folder on GitHub: https://github.com/Varnan-Tech/opendirectory/tree/HEAD/skills/graphic-chart

### Claude

In Claude (web or desktop): Download the graphic-chart folder and zip the folder itself, then upload it in Customize → Skills.

View the folder on GitHub: https://github.com/Varnan-Tech/opendirectory/tree/HEAD/skills/graphic-chart

### Gemini

In Gemini: Download the graphic-chart folder, then at gemini.google.com click Customize → Skills → Create → Upload and pick the folder (or a .zip of it).

View the folder on GitHub: https://github.com/Varnan-Tech/opendirectory/tree/HEAD/skills/graphic-chart

### GitHub Copilot

Run in your terminal:

```shell
npx -y degit Varnan-Tech/opendirectory/skills/graphic-chart ~/.copilot/skills/graphic-chart
```

View the folder on GitHub: https://github.com/Varnan-Tech/opendirectory/tree/HEAD/skills/graphic-chart

### Cursor

Run in your terminal:

```shell
npx -y degit Varnan-Tech/opendirectory/skills/graphic-chart ~/.cursor/skills/graphic-chart
```

View the folder on GitHub: https://github.com/Varnan-Tech/opendirectory/tree/HEAD/skills/graphic-chart

### Claude Code

Run in your terminal:

```shell
npx -y degit Varnan-Tech/opendirectory/skills/graphic-chart ~/.claude/skills/graphic-chart
```

View the folder on GitHub: https://github.com/Varnan-Tech/opendirectory/tree/HEAD/skills/graphic-chart

Or all of OpenDirectory GTM Skills, in Claude Code:

```text
/plugin marketplace add Varnan-Tech/opendirectory
/plugin install opendirectory-gtm-skills@opendirectory-marketplace
```

### Codex

Run in your terminal:

```shell
npx -y degit Varnan-Tech/opendirectory/skills/graphic-chart ~/.agents/skills/graphic-chart
```

View the folder on GitHub: https://github.com/Varnan-Tech/opendirectory/tree/HEAD/skills/graphic-chart

### Antigravity

In Antigravity: Copy the graphic-chart folder into ~/.gemini/config/skills (Antigravity app and IDE) or ~/.gemini/antigravity-cli/skills (Antigravity CLI).

View the folder on GitHub: https://github.com/Varnan-Tech/opendirectory/tree/HEAD/skills/graphic-chart

### Gemini CLI

Run in your terminal:

```shell
npx -y degit Varnan-Tech/opendirectory/skills/graphic-chart ~/.gemini/skills/graphic-chart
```

View the folder on GitHub: https://github.com/Varnan-Tech/opendirectory/tree/HEAD/skills/graphic-chart

### Replit

Run in your terminal:

```shell
npx -y degit Varnan-Tech/opendirectory/skills/graphic-chart .agents/skills/graphic-chart
```

View the folder on GitHub: https://github.com/Varnan-Tech/opendirectory/tree/HEAD/skills/graphic-chart

### OpenClaw

Run in your terminal:

```shell
npx -y degit Varnan-Tech/opendirectory/skills/graphic-chart ~/.openclaw/skills/graphic-chart
```

View the folder on GitHub: https://github.com/Varnan-Tech/opendirectory/tree/HEAD/skills/graphic-chart

### OpenCode

Run in your terminal:

```shell
npx -y degit Varnan-Tech/opendirectory/skills/graphic-chart ~/.config/opencode/skills/graphic-chart
```

View the folder on GitHub: https://github.com/Varnan-Tech/opendirectory/tree/HEAD/skills/graphic-chart

### Hermes Agent

Run in your terminal:

```shell
npx -y degit Varnan-Tech/opendirectory/skills/graphic-chart ~/.hermes/skills/graphic-chart
```

View the folder on GitHub: https://github.com/Varnan-Tech/opendirectory/tree/HEAD/skills/graphic-chart

---
From Pluginboard (https://pluginboard.ai).