Lets AI assistants generate interactive charts and visualizations with the VisActor VChart library.
Setup
Choose your client, copy the config, then fill in any required environment variables.
claude mcp add vchart --env VIMD_IMAGE_SERVER='<VIMD_IMAGE_SERVER>' -- npx -y @visactor/vchart-mcp-server~/.codex/config.toml
[mcp_servers.vchart]
command = "npx"
args = ["-y", "@visactor/vchart-mcp-server"]
env = { VIMD_IMAGE_SERVER = "<VIMD_IMAGE_SERVER>" }
# codex mcp add vchart --env VIMD_IMAGE_SERVER='<VIMD_IMAGE_SERVER>' -- npx -y @visactor/vchart-mcp-server~/.cursor/mcp.json
{
"mcpServers": {
"vchart": {
"command": "npx",
"args": [
"-y",
"@visactor/vchart-mcp-server"
],
"env": {
"VIMD_IMAGE_SERVER": "<VIMD_IMAGE_SERVER>"
}
}
}
}.vscode/mcp.json
{
"servers": {
"vchart": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"@visactor/vchart-mcp-server"
],
"env": {
"VIMD_IMAGE_SERVER": "<VIMD_IMAGE_SERVER>"
}
}
}
}~/.gemini/settings.json
{
"mcpServers": {
"vchart": {
"command": "npx",
"args": [
"-y",
"@visactor/vchart-mcp-server"
],
"env": {
"VIMD_IMAGE_SERVER": "<VIMD_IMAGE_SERVER>"
}
}
}
}claude_desktop_config.json
{
"mcpServers": {
"vchart": {
"command": "npx",
"args": [
"-y",
"@visactor/vchart-mcp-server"
],
"env": {
"VIMD_IMAGE_SERVER": "<VIMD_IMAGE_SERVER>"
}
}
}
}.trae/mcp.json
{
"mcpServers": {
"vchart": {
"command": "npx",
"args": [
"-y",
"@visactor/vchart-mcp-server"
],
"env": {
"VIMD_IMAGE_SERVER": "<VIMD_IMAGE_SERVER>"
}
}
}
}Environment variables
VIMD_IMAGE_SERVER
Replace the placeholders with your own credentials and keep them out of version control.