# Flint MCP server

> Lets AI agents create expressive, interactive, and high-quality charts from simple, human-editable specifications across multiple rendering backends.

- Repository: https://github.com/microsoft/flint-chart
- Page: https://hostedmcp.org/servers/microsoft/flint-chart
- Official: yes
- Transport: stdio
- Stars: 4577
- License: MIT

## Install

### Claude Code

```sh
claude mcp add flint-chart -- npx -y flint-chart-mcp
```

### Cursor (`~/.cursor/mcp.json`)

```json
{
  "mcpServers": {
    "flint-chart": {
      "command": "npx",
      "args": [
        "-y",
        "flint-chart-mcp"
      ]
    }
  }
}
```

### VS Code (`.vscode/mcp.json`)

```json
{
  "servers": {
    "flint-chart": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "flint-chart-mcp"
      ]
    }
  }
}
```

### Claude Desktop (`claude_desktop_config.json`)

```json
{
  "mcpServers": {
    "flint-chart": {
      "command": "npx",
      "args": [
        "-y",
        "flint-chart-mcp"
      ]
    }
  }
}
```

### Codex (`~/.codex/config.toml`)

```toml
[mcp_servers.flint-chart]
command = "npx"
args = ["-y", "flint-chart-mcp"]
```

### Gemini CLI (`~/.gemini/settings.json`)

```json
{
  "mcpServers": {
    "flint-chart": {
      "command": "npx",
      "args": [
        "-y",
        "flint-chart-mcp"
      ]
    }
  }
}
```

## FAQ

### Can I customize the appearance of the charts?

Yes, you can choose from 14 preset themes like the Economist or New York Times, or design your own custom themes using the Theme Lab.

### Does Flint support interactive charts?

Yes, it provides 23 interaction presets and a programming API to build interactive elements like brushing and selectors into your charts.