mcpField
C
ChartForge — Prompt to Chart Generator

ChartForge — Prompt to Chart Generator

ローカル
github.com/crawde開発ツール028 週間前に更新
リポジトリ

ChartForge — Prompt to Chart Generator について

ChartForgeは、自然言語の説明からチャート画像を生成するMCPサーバーです。チャートの生成や修正、スタイル選択に対応し、Claudeユーザー向けに提供されます。

主な機能

  1. 01自然言語プロンプトからチャートを生成
  2. 02生成済みチャートの修正
  3. 03スタイルプリセットの選択
  4. 04チャート画像サイズの指定
  5. 05PNG形式でのエクスポート

活用シーン

  1. 01文章で説明したデータからチャートを作成
  2. 02チャートの見た目や内容を調整
  3. 03公開用のチャートを作成

MCP 対応

チャートの生成と修正、利用可能なスタイルの一覧表示を行うツールを公開します。接続にはMCPクライアント側でChartForge APIキーを設定します。

#charts#data-visualization#ai#png#analytics

設定

ローカルサーバーの設定はどのクライアントでも共通です。コピーしてクライアントの MCP 設定ファイルに貼り付けてください。

mcp.json · 共通設定
{
  "mcpServers": {
    "chartforge": {
      "command": "npx",
      "args": [
        "-y",
        "chartforge-mcp"
      ],
      "env": {
        "CHARTFORGE_API_KEY": "<CHARTFORGE_API_KEY>"
      }
    }
  }
}
起動コマンドnpx -y chartforge-mcp
設定が必要な環境変数
CHARTFORGE_API_KEYシークレット

ローカルサーバーにはマシン上の実行環境（Node.js 18 以上など）が必要です。設定ファイルの場所はクライアントごとに異なります。

パッケージ
npmchartforge-mcp

ツール

3

掲載時のツール一覧 · 3 週間前に更新

パラメーター型必須説明
promptstringはい生成するグラフまたは図の説明です。データ、ラベル、可視化したい内容を具体的に指定してください。
styleenumいいえビジュアルスタイルのプリセットです。デフォルト：auto（AI が最適なスタイルを選択）。midnight | frost | ember | minimal | corporate | neon | light
widthnumberいいえ幅（ピクセル単位）。デフォルト：1200
heightnumberいいえ高さ（ピクセル単位）。デフォルト：800

詳細

ChartForge MCP サーバー

自然言語の指示から、出版物にふさわしい美しいチャートや図を生成します。Claude の中で直接利用できます。

セットアップ

Claude Desktop

claude_desktop_config.json に以下を追加します。

{
  "mcpServers": {
    "chartforge": {
      "command": "npx",
      "args": ["chartforge-mcp"],
      "env": {
        "CHARTFORGE_API_KEY": "your_api_key_here"
      }
    }
  }
}
環境変数
変数必須説明
CHARTFORGE_API_KEYはいchartforgeai.com で取得した API キー
CHARTFORGE_API_URLいいえカスタム API URL（デフォルト：https://chartforgeai.com）

ツール

generate_chart

自然言語の説明からチャートを生成します。

パラメーター：

  • prompt（必須）：チャートの説明
  • style（任意）：スタイルプリセット — midnight、frost、ember、minimal、corporate、neon、light
  • width（任意）：幅（ピクセル単位、デフォルト：1200）
  • height（任意）：高さ（ピクセル単位、デフォルト：800）
refine_chart

以前に生成したチャートを変更します。

パラメーター：

  • chartId（必須）：以前の生成で取得したチャート ID
  • modification（必須）：変更内容
list_styles

利用可能なスタイルプリセットと説明の一覧を表示します。

使用例

「3 年間で四半期ごとの売上が 200 万ドルから 1,800 万ドルに増加する棒グラフを作成」

「マイクロサービスバックエンドのシステムアーキテクチャ図」

「マーケティング予算が各チャネルを通じてコンバージョンに至る流れを示すサンキーダイアグラム」

コメント

Markdown 対応

MCP は初めてですか？

プロトコルの概要から最初のサーバーの導入まで、よくある疑問にまとめて答えます。

AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。