đŸ’ģ

Chart

Generate 25+ types of visualizations and charts using AntV.

Category: Developer
Difficulty: Medium

Quick Configuration

Choose the setup that matches your environment.

Before You Start

  • Confirm you have the account, endpoint, or API key required for Chart.
  • Start with minimum scopes and read-only access where possible.
  • Keep secrets in environment variables instead of hardcoding them in JSON.

Hosted / Remote

JSON
Hosted Config json
{
  "chart": {
    "url": "https://YOUR_CHART_MCP_ENDPOINT"
  }
}

Local CLI (npx)

JSON
Local Config json
{
  "chart": {
    "command": "npx",
    "args": ["-y", "mcp-remote", "https://YOUR_CHART_MCP_ENDPOINT"],
    "env": {
      "CHART_API_KEY": "YOUR_CHART_API_KEY"
    }
  }
}

Common Pitfalls & Fixes

  • âš ī¸ Watch out: Data format requirements and chart type selection.
  • 🔑 Always store API keys in environment variables, never hardcode them in JSON.
  • đŸ›Ąī¸ Start with read-only scopes if available to verify connection safely.

Example Prompts

Once connected, try these prompts to test capabilities:

  • Generate a bar chart showing monthly sales data.
  • Create a pie chart for market share distribution.
  • Visualize time-series data as a line chart.

Verification Checklist

  • Run 1-2 real prompts to confirm Chart returns usable data.
  • Check that error messages are clear enough for troubleshooting.
  • Document the required scopes, dependencies, and env vars for future reuse.