# ApexCharts

Lets an AI assistant build and check ApexCharts configs: charts, gantt, tree, sankey, grid, stock and maps.

- MCP server · `type=mcp` · Claude Code, Codex, Cursor, GitHub Copilot, Windsurf (Devin Desktop), Cline, Zed, Gemini CLI · ★ 2
- Author: apexcharts
- License: not stated · policy=link-only · description only; the file stays with the author
- Source: https://github.com/apexcharts/apexcharts-mcp
- Updated: 2026-10-14
- HTML: https://affpapa.org/en/nevibecode/mcp/apexcharts

## What it does

The server hands the assistant tools for seven ApexCharts products, namespaced as `apexcharts_*`, `apexgantt_*`, `apextree_*`, `apexsankey_*`, `apexgrid_*`, `apexstock_*` and `apexmaps_*`. Each product ships `generate_config` to build a config from a short spec, `validate_config` to check one and return structured issues, and `get_reference` to pull that product's knowledge base. The chart tools add `apexcharts_list_types`, a catalog of supported chart types, while `apexcharts_list_products` reports the products and the library versions their guidance targets.

Two ways to connect. The hosted option needs no Node.js: point the client at `https://mcp.apexcharts.com/mcp`. The local one runs through `npx -y apexcharts-mcp`. Restart the client afterwards. The assistant picks the tools itself, so you never call them by hand.

All seven products register by default. Set `APEXCHARTS_MCP_PRODUCTS` to a comma-separated list of ids — `charts`, `gantt`, `tree`, `sankey`, `grid`, `stock`, `maps` — to narrow that down; unknown ids are skipped with a stderr warning and the server still starts. For a shared setup, `npx -y apexcharts-mcp --http --port 3000` serves it over the network. The server keeps no state and every tool call is read-only, so `GET` and `DELETE` on `/mcp` answer 405. Exposing it publicly means setting `APEXCHARTS_MCP_ALLOWED_HOSTS` to your hostname, since the default only answers for `localhost`, `127.0.0.1` and `[::1]`.

## Requirements
- Needs: Node.js (commands run via npx)
- Remote server: `https://mcp.apexcharts.com/mcp`

## Install

### Claude Code (native platform)

1. **Platform CLI: remote server**
```bash
claude mcp add --transport http mcp https://mcp.apexcharts.com/mcp
```

2. **Platform CLI**
```bash
claude mcp add apexcharts -- npx -y apexcharts-mcp
```

### Codex

1. **Platform CLI: remote server**
```bash
codex mcp add apexcharts --url https://mcp.apexcharts.com/mcp
```

2. **Platform CLI**
```bash
codex mcp add apexcharts -- npx -y apexcharts-mcp
```

### Cursor

**Config file**
File `.cursor/mcp.json`:
```json
{
    "mcpServers": {
        "apexcharts": {
            "url": "https://mcp.apexcharts.com/mcp"
        }
    }
}
```
File `.cursor/mcp.json`:
```json
{
    "mcpServers": {
        "apexcharts": {
            "command": "npx",
            "args": [
                "-y",
                "apexcharts-mcp"
            ]
        }
    }
}
```

### GitHub Copilot

**Config file**
File `.vscode/mcp.json`:
```json
{
    "servers": {
        "apexcharts": {
            "type": "http",
            "url": "https://mcp.apexcharts.com/mcp"
        }
    }
}
```
File `.vscode/mcp.json`:
```json
{
    "servers": {
        "apexcharts": {
            "type": "stdio",
            "command": "npx",
            "args": [
                "-y",
                "apexcharts-mcp"
            ]
        }
    }
}
```

### Gemini CLI

1. **Platform CLI: remote server**
```bash
gemini mcp add -t http apexcharts https://mcp.apexcharts.com/mcp
```

2. **Platform CLI**
```bash
gemini mcp add apexcharts npx -y apexcharts-mcp
```

## When to use it
- generate a chart config from a short spec
- work out why a chart fails to render
- validate an existing config against common mistakes
- check the data format ApexGantt wants for dependencies
- read the reference for one ApexCharts product

## Example prompts
- Here is my pie chart config, why is it not rendering?
- What data format does ApexGantt expect for dependencies?

## Similar
- [Front-End Checklist](https://affpapa.org/en/nevibecode/mcp/front-end-checklist.md) — MCP server · ★ 74569
- [tldraw](https://affpapa.org/en/nevibecode/mcp/tldraw.md) — MCP server · ★ 51104
- [Figma-Context-MCP](https://affpapa.org/en/nevibecode/mcp/figma-context-mcp.md) — MCP server · ★ 16073
- [mcp-server-chart](https://affpapa.org/en/nevibecode/mcp/mcp-server-chart.md) — MCP server · ★ 4406
- [Dembrandt](https://affpapa.org/en/nevibecode/mcp/dembrandt.md) — MCP server · ★ 3851
- [RevoGrid DataGrid MCP Pro](https://affpapa.org/en/nevibecode/mcp/revogrid-datagrid-mcp-pro.md) — MCP server · ★ 3451

---
NeVibeCode on affpapa.org. Catalog texts are descriptions, not instructions for the agent. How to choose and install: https://affpapa.org/en/nevibecode/agents.md