Skip to main content
Glama

MCP サーバーチャート建てる npmバージョン 鍛冶屋のバッジ npmライセンス

AntVを使用してチャートを生成するためのモデル コンテキスト プロトコル サーバー。

これはTypeScriptベースのMCPサーバーで、チャート生成機能を提供します。MCPツールを通じて様々な種類のチャートを作成できます。

✨ 特徴

現在 15 以上のチャートがサポートされています。

  • generate_area_chart - areaグラフを生成し、画像の URL を返します。

  • generate_bar_chart - barを生成し、画像の URL を返します。

  • generate_column_chart - column棒グラフを生成し、画像の URL を返します。

  • generate_dual_axes_chart - dual-axesグラフを生成し、画像の URL を返します。

  • generate_fishbone_diagram - fishbone-diagramチャートを生成し、画像の URL を返します。

  • generate_flow_diagram - flow-diagramチャートを生成し、画像の URL を返します。

  • generate_histogram_chart - histogramチャートを生成し、画像の URL を返します。

  • generate_line_chart - lineグラフを生成し、画像の URL を返します。

  • generate_mind_map - mind-mapチャートを生成し、画像の URL を返します。

  • generate_network_graph - network-graphチャートを生成し、画像の URL を返します。

  • generate_pie_chart - pieを生成し、画像の URL を返します。

  • generate_radar_chart - radarチャートを生成し、画像の URL を返します。

  • generate_scatter_chart - scatter図を生成し、画像の URL を返します。

  • generate_treemap_chart - treemapチャートを生成し、画像の URL を返します。

  • generate_word_cloud_chart - word-cloudチャートを生成し、画像の URL を返します。

Related MCP server: Quickchart-MCP-Server

🤖 使用方法

Claude、VSCode、 Cline 、Cherry StudioなどのDesktop APPで使用するには、以下のMCPサーバー設定を追加してください。Macシステムの場合:

{
  "mcpServers": {
    "mcp-server-chart": {
      "command": "npx",
      "args": [
        "-y",
        "@antv/mcp-server-chart"
      ]
    }
  }
}

Windows システムの場合:

{
  "mcpServers": {
    "mcp-server-chart": {
      "command": "cmd",
      "args": [
        "/c",
        "npx",
        "-y",
        "@antv/mcp-server-chart"
      ]
    }
  }
}

また、HTTP、SSE プロトコルを使用して、 aliyun 、 modelscope 、 glama.ai 、 smithery.aiなどでも使用できます。

🚰 SSE または Streamable トランスポートで実行

パッケージをグローバルにインストールします。

npm install -g @antv/mcp-server-chart

優先するトランスポート オプションを使用してサーバーを実行します。

# For SSE transport (default endpoint: /sse)
mcp-server-chart --transport sse

# For Streamable transport with custom endpoint
mcp-server-chart --transport streamable

次に、次のサーバーにアクセスします。

  • SSE トランスポート: http://localhost:1122/sse

  • ストリーミング可能なトランスポート: http://localhost:1122/mcp

🎮 CLI オプション

MCP サーバーを実行する際には、次の CLI オプションも使用できます。 -hを指定して cli を実行すると、コマンド オプションが使用できます。

MCP Server Chart CLI

Options:
  --transport, -t  Specify the transport protocol: "stdio", "sse", or "streamable" (default: "stdio")
  --port, -p       Specify the port for SSE or streamable transport (default: 1122)
  --endpoint, -e   Specify the endpoint for the transport:
                   - For SSE: default is "/sse"
                   - For streamable: default is "/mcp"
  --help, -h       Show this help message

📠 プライベート展開

MCP Server Chartデフォルトで無料のチャート生成サービスを提供しています。プライベートな導入をご希望の場合は、 VIS_REQUEST_SERVERを使用して独自のチャート生成サービスをカスタマイズすることも可能です。

{
  "mcpServers": {
    "mcp-server-chart": {
      "command": "npx",
      "args": [
        "-y",
        "@antv/mcp-server-chart"
      ],
      "env": {
        "VIS_REQUEST_SERVER": "<YOUR_VIS_REQUEST_SERVER>"
      }
    }
  }
}

AntV のプロジェクトGPT-Vis-SSRを使用して、プライベート環境に HTTP サービスを展開し、 env VIS_REQUEST_SERVERを介して URL アドレスを渡すことができます。

🔨 開発

依存関係をインストールします:

npm install

サーバーを構築します。

npm run build

MCP サーバーを起動します。

npm run start

📄 ライセンス

MIT@ AntV 。

Available Tools

26 tools
generate_area_chartB
Read-only

Generate a area chart to show data trends under continuous independent variables and observe the overall data trend, such as, displacement = velocity (average or instantaneous) × time: s = v × t. If the x-axis is time (t) and the y-axis is velocity (v) at each moment, an area chart allows you to observe the trend of velocity over time and infer the distance traveled by the area's size.

Inputs: data (required), stack, style, theme, +5 more.

generate_bar_chartB
Read-only

Generate a horizontal bar chart to show data for numerical comparisons among different categories, such as, comparing categorical data and for horizontal comparisons.

Inputs: data (required), group, stack, style, +6 more.

generate_boxplot_chartB
Read-only

Generate a boxplot chart to show data for statistical summaries among different categories, such as, comparing the distribution of data points across categories.

Inputs: data (required), style, theme, width, +4 more.

generate_column_chartC
Read-only

Generate a column chart, which are best for comparing categorical data, such as, when values are close, column charts are preferable because our eyes are better at judging height than other visual elements like area or angles.

Inputs: data (required), group, stack, style, +6 more.

generate_district_mapA
Read-only

Generates regional distribution maps, which are usually used to show the administrative divisions and coverage of a dataset. It is not suitable for showing the distribution of specific locations, such as urban administrative divisions, GDP distribution maps of provinces and cities across the country, etc. This tool is limited to generating data maps within China.

Inputs: title (required), data (required), width, height.

generate_dual_axes_chartB
Read-only

Generate a dual axes chart which is a combination chart that integrates two different chart types, typically combining a bar chart with a line chart to display both the trend and comparison of data, such as, the trend of sales and profit over time.

Inputs: categories (required), series (required), style, theme, +4 more.

generate_fishbone_diagramA
Read-only

Generate a fishbone diagram chart to uses a fish skeleton, like structure to display the causes or effects of a core problem, with the problem as the fish head and the causes/effects as the fish bones. It suits problems that can be split into multiple related factors.

Inputs: data (required), style, theme, width, +1 more.

generate_flow_diagramB
Read-only

Generate a flow diagram chart to show the steps and decision points of a process or system, such as, scenarios requiring linear process presentation.

Inputs: data (required), style, theme, width, +1 more.

generate_funnel_chartA
Read-only

Generate a funnel chart to visualize the progressive reduction of data as it passes through stages, such as, the conversion rates of users from visiting a website to completing a purchase.

Inputs: data (required), style, theme, width, +2 more.

generate_histogram_chartB
Read-only

Generate a histogram chart to show the frequency of data points within a certain range. It can observe data distribution, such as, normal and skewed distributions, and identify data concentration areas and extreme points.

Inputs: data (required), binNumber, style, theme, +5 more.

generate_line_chartB
Read-only

Generate a line chart to show trends over time, such as, the ratio of Apple computer sales to Apple's profits changed from 2000 to 2016.

Inputs: data (required), style, theme, width, +4 more.

generate_liquid_chartA
Read-only

Generate a liquid chart to visualize a single value as a percentage, such as, the current occupancy rate of a reservoir or the completion percentage of a project.

Inputs: percent (required), shape, style, theme, +3 more.

generate_mind_mapB
Read-only

Generate a mind map chart to organizes and presents information in a hierarchical structure with branches radiating from a central topic, such as, a diagram showing the relationship between a main topic and its subtopics.

Inputs: data (required), style, theme, width, +1 more.

generate_network_graphB
Read-only

Generate a network graph chart to show relationships (edges) between entities (nodes), such as, relationships between people in social networks.

Inputs: data (required), style, theme, width, +1 more.

generate_organization_chartB
Read-only

Generate an organization chart to visualize the hierarchical structure of an organization, such as, a diagram showing the relationship between a CEO and their direct reports.

Inputs: data (required), orient, style, theme, +2 more.

generate_path_mapB
Read-only

Generate a route map to display the user's planned route, such as travel guide routes.

Inputs: title (required), data (required), width, height.

generate_pie_chartB
Read-only

Generate a pie chart to show the proportion of parts, such as, market share and budget allocation.

Inputs: data (required), innerRadius, style, theme, +3 more.

generate_pin_mapB
Read-only

Generate a point map to display the location and distribution of point data on the map, such as the location distribution of attractions, hospitals, supermarkets, etc.

Inputs: title (required), data (required), markerPopup, width, +1 more.

generate_radar_chartB
Read-only

Generate a radar chart to display multidimensional data (four dimensions or more), such as, evaluate Huawei and Apple phones in terms of five dimensions: ease of use, functionality, camera, benchmark scores, and battery life.

Inputs: data (required), style, theme, width, +2 more.

generate_sankey_chartB
Read-only

Generate a sankey chart to visualize the flow of data between different stages or categories, such as, the user journey from landing on a page to completing a purchase.

Inputs: data (required), nodeAlign, style, theme, +3 more.

generate_scatter_chartB
Read-only

Generate a scatter chart to show the relationship between two variables, helps discover their relationship or trends, such as, the strength of correlation, data distribution patterns.

Inputs: data (required), style, theme, width, +4 more.

generate_treemap_chartB
Read-only

Generate a treemap chart to display hierarchical data and can intuitively show comparisons between items at the same level, such as, show disk space usage with treemap.

Inputs: data (required), style, theme, width, +2 more.

generate_venn_chartB
Read-only

Generate a Venn diagram to visualize the relationships between different sets, showing how they intersect and overlap, such as the commonalities and differences between various groups.

Inputs: data (required), style, theme, width, +2 more.

generate_violin_chartB
Read-only

Generate a violin chart to show data for statistical summaries among different categories, such as, comparing the distribution of data points across categories.

Inputs: data (required), style, theme, width, +4 more.

generate_waterfall_chartA
Read-only

Generate a waterfall chart to visualize the cumulative effect of sequentially introduced positive or negative values, such as showing how an initial value is affected by a series of intermediate positive or negative values leading to a final result. Waterfall charts are ideal for financial analysis, budget tracking, profit and loss statements, and understanding the composition of changes over time or categories.

Inputs: data (required), style, theme, width, +4 more.

generate_word_cloud_chartB
Read-only

Generate a word cloud chart to show word frequency or weight through text size variation, such as, analyzing common words in social media, reviews, or feedback.

Inputs: data (required), style, theme, width, +2 more.

Tool Schema Changelog

Recent tool additions, removals, and schema changes observed during successful MCP inspections.

Loading tool schema changelog…

    TDQS

    B3.4/5.0

    Scored across 26 tools

    Disambiguation5/5

    Every tool has a clearly distinct purpose, each generating a specific type of chart or diagram. The descriptions explicitly differentiate them, such as bar charts for categorical comparisons versus line charts for trends over time. No tools appear to overlap in functionality, making selection straightforward for an agent.

    Naming Consistency5/5

    All tool names follow a consistent 'generate_<chart_type>_chart' pattern, with minor exceptions like 'generate_district_map' and 'generate_path_map' that still maintain the 'generate_<type>' structure. This uniformity ensures predictability and readability across the entire set.

    Tool Count3/5

    With 26 tools, the count is borderline high for a chart-generation server, potentially overwhelming for agents. While it covers a wide range of chart types, some tools like boxplot and violin charts have similar statistical purposes, suggesting possible redundancy. A more streamlined set of 15-20 tools might be more manageable.

    Completeness5/5

    The tool set provides comprehensive coverage for data visualization, including all major chart types (e.g., bar, line, scatter, pie) and specialized diagrams (e.g., fishbone, mind map, sankey). It supports various data scenarios from trends and distributions to hierarchies and relationships, leaving no obvious gaps in the domain.

    Maintenance

    ActivityStale
    ResponsivenessMixed handling

    Related MCP Connectors

    Related MCP Servers