# mcp-dashboards

Renders interactive charts, flowcharts, and metric widgets inside AI conversations. Useful when you need to inspect raw numbers visually without spreadsheet exports.

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

## What it does

This server registers 32 visualization tools covering over 45 chart variations. You can render stacked bar breakdowns or editable flowcharts with 6 node kinds and 5 connector styles. The package includes 21 color themes alongside 4 discovery catalogs to preview layouts quickly.

In Claude Code CLI, charts do not render inline and fall back to opening in a local web browser tab. You can export generated screens to PNG, CSV, 16:9 PPT slides, and paginated A4 layouts. Real-time updates rely on `render_live_chart`. It polls tools on an automated timer.

## Requirements
- Needs: Node.js (commands run via npx)

## Install

### Claude Code (native platform)

**Platform CLI**
```bash
claude mcp add mcp-dashboards -- npx -y mcp-dashboards
```

### Codex

**Platform CLI**
```bash
codex mcp add mcp-dashboards -- npx -y mcp-dashboards
```

### Cursor

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

### GitHub Copilot

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

### Gemini CLI

**Platform CLI**
```bash
gemini mcp add mcp-dashboards npx -y mcp-dashboards
```

## When to use it
- render interactive financial candlestick and trend charts
- build editable process flowcharts directly in chat
- compare regional metrics across categories using stacked bars
- export visual summaries into PPT slide decks or A4 pages

## Example prompts
- Plot regional revenue changes between Q1 and Q2 using a grouped bar chart.
- Display asset distribution across our portfolio as a pie visual.
- Draw an editable flowchart for our backend deployment pipeline.

## Similar
- [World Monitor](https://affpapa.org/en/nevibecode/mcp/world-monitor.md) — MCP server · ★ 89408
- [Scrapling MCP Server](https://affpapa.org/en/nevibecode/mcp/scrapling-mcp-server.md) — MCP server · ★ 89433
- [MCP Toolbox for Databases](https://affpapa.org/en/nevibecode/mcp/googleapis-mcp-toolbox-for-databases.md) — MCP server · ★ 16717
- [PostHog MCP Server](https://affpapa.org/en/nevibecode/mcp/posthog-mcp-server.md) — MCP server · ★ 40409
- [dbx](https://affpapa.org/en/nevibecode/mcp/dbx.md) — MCP server · ★ 27669
- [Metabase](https://affpapa.org/en/nevibecode/mcp/metabase.md) — MCP server · ★ 49845

---
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