mcpField
W
WestCoast Charts

WestCoast Charts

ローカル
westcoast-charts.comデータ・分析02 日前に更新

WestCoast Charts について

WestCoast Charts agent toolsは、チャート仕様を扱うCLI、MCPサーバー、ヘッドレスAPIを提供します。対応するWestCoast Chartsのリリースで、仕様の検証、描画、確認、サンプル取得を行うユーザー向けです。

主な機能

  1. 01チャート仕様の検証
  2. 02SVGまたはPNG形式で描画
  3. 03チャートの説明とデータテーブル生成
  4. 04スキーマと型の確認
  5. 05チャートサンプルの取得

活用シーン

  1. 01描画前のチャート仕様の検証
  2. 02チャートのSVGまたはPNG出力
  3. 03チャートの説明とデータテーブルの確認

MCP 対応

`wcc-mcp`サーバーは、描画、検証、説明、スキーマ、型、サンプル一覧、サンプル取得の7つのツールを公開します。標準ではstdioを使い、HTTPにも対応します。

設定

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

mcp.json · 共通設定
{
"mcpServers": {
"lokumbus-west-coast-charts-agent": {
"command": "npx",
"args": [
"-y",
"west-coast-charts-agent"
],
"env": {
"WCC_LICENSE_KEY": "<WCC_LICENSE_KEY>",
"WCC_LIB_ROOT": "<WCC_LIB_ROOT>",
"WCC_DEFAULT_THEME": "<WCC_DEFAULT_THEME>",
"WCC_EVALUATION": "<WCC_EVALUATION>",
"WCC_MAX_PIXELS": "<WCC_MAX_PIXELS>"
}
}
}
}
起動コマンドnpx -y west-coast-charts-agent
設定が必要な環境変数
WCC_LICENSE_KEYシークレットPremium licence key. Only for Premium chart types; requires the separately supplied complete library.
WCC_LIB_ROOTPath to an installed WestCoast Charts library (e.g. the Premium package). Default: the resolved west-coast-charts.
WCC_DEFAULT_THEMETheme when a spec sets none.
WCC_EVALUATION1 = Premium types without a key render a watermarked preview (needs the Premium runtime).
WCC_MAX_PIXELSUpper limit for rendered PNG pixels.

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

パッケージ
npmwest-coast-charts-agent0.2.4

ツール

7

掲載時のツール一覧 · 2 日前に更新

パラメーター型必須説明
dataarrayいいえspec.series を置き換える任意の系列配列(仕様をテンプレートとして再利用できます)。
seedintegerいいえレイアウト用の乱数シード(network、facets)。同じ仕様とシードならバイト単位で同一の出力になります。デフォルトは 1 です。
specobjectはいWest Coast Charts のオプションオブジェクト。JSON のみ(関数不可)。new WestCoastCharts(el, options) に渡すものと同じオブジェクトです。ApexCharts 4.x のオプションを使用できます。例:{"chart":{"type":"bar"},"series":[{"name":"Revenue","data":[12,19,7]}],"xaxis":{"categories":["Q1","Q2","Q3"]}}
spec.chartobjectはいチャートのオプション。chart.type は必須です
spec.chart.typestringはいチャートの種類。例:'line'、'bar'、'area'、'donut'、'heatmap'、'sankey'。list_chart_types を参照してください。
spec.seriesanyいいえデータ系列。ApexCharts 互換の形式({name, data} の配列、または pie/donut/radialBar 用の数値配列)。`data` が指定されている場合は省略します。
scalenumberいいえPNG のピクセル比。1-4。デフォルトは 1 です。svg では無視されます。
themeenumいいえテーマ。デフォルトは spec.theme.mode またはサーバーのデフォルトです。light | dark
widthintegerいいえキャンバスの幅(px)。デフォルトは spec.chart.width または 800 です。
formatenumいいえ出力形式。svg(デフォルト)はテキスト形式で編集可能です。png は base64 画像です。svg | png
heightintegerいいえキャンバスの高さ(px)。デフォルトは spec.chart.height または 450 です。
deliveryenumいいえinline(デフォルト)は SVG テキスト/PNG バイト列を埋め込みます。link はリソースリンク wcc://renders/{id} とテーブルのみを返します(トークンを節約できます。必要に応じてリソースを読み取ってください)。inline | link
validateenumいいえ最初に validate_chart を実行してください。strict(デフォルト)はエラー時に失敗し、warn はレンダリングして報告し、off はスキップします。strict | warn | off
backgroundstringいいえチャートの背後に表示する CSS 色。PNG のデフォルトは '#ffffff' です。SVG は設定しない限り透明です。

詳細

West Coast Charts エージェントツール

west-coast-charts-agent 0.2.4 は、wcc CLI、wcc-mcp stdio/HTTP サーバー、ヘッドレスレンダリング API を提供します。このバージョンは、West Coast Charts 1.1.5 以降の 1.1.x リリースと、対応するバリデーター、スキーマ、describe モジュールと組み合わせて使用してください。

インストール

Node.js 20 以降が必要です。リリースのインストールコマンドは次のとおりです。

npm install 'west-coast-charts@>=1.1.5 <1.2.0' [email protected]
npx --no-install wcc --help
npx --no-install wcc version --json
npx --no-install wcc-mcp --help
npx --no-install wcc-mcp --version

このコマンドは、エージェントツール 0.2.4 と互換性のある West Coast Charts 1.1.x のバージョンを選択します。0.2.4 以降、エージェントパッケージは west-coast-charts >=1.1.5 <1.2.0 を通常の依存関係として宣言しています(以前はオプションのピア依存関係でした)。そのため、npm と npx は互換性のある Core を自動的にインストールします。すでに互換性のある Core がインストールされている場合(同じ名前で別途提供された完全版パッケージを含む)、それが再利用されます。リリースの提供状況とアーティファクトのチェックサムはリリースメタデータに記録されています。このインストールガイドは、その検証に代わるものではありません。バージョン 0.2.1 は、変更されない公開済みのインストール修正リリースとして維持されています。公開されている Core パッケージとエージェントパッケージには、Premium の実装もライセンス発行元も含まれていません。公開済みの npm インストールに、プライベートなワークスペースパッケージやアクセストークンは必要ありません。このパッケージには公式 MCP Registry 用の mcpName io.github.Lokumbus/west-coast-charts-agent が含まれています。レジストリへの掲載は別の手順であり、ここでは掲載済みであることを示していません。

npx で MCP サーバーを実行する

npx -y west-coast-charts-agent

を実行すると、stdio MCP サーバーが起動します(west-coast-charts-agent バイナリは wcc-mcp のエイリアスです)。0.2.4 以降、無償の west-coast-charts Core(>=1.1.5 <1.2.0)は通常の依存関係のため、npx が自動的にインストールします。Premium ランタイムを使用するには、別途提供された完全版ライブラリを WCC_LIB_ROOT に指定してください。MCP クライアントの設定:

{ "mcpServers": { "west-coast-charts": { "command": "npx", "args": ["-y", "west-coast-charts-agent"] } } }

レンダリングと検証

npx --no-install wcc examples get line-basic
npx --no-install wcc chart validate example:line-basic
npx --no-install wcc chart render example:line-basic > chart.svg
npx --no-install wcc chart render example:line-basic --format png > chart.png
npx --no-install wcc chart table example:line-basic
npx --no-install wcc options schema chart.orient

仕様は実行可能な JavaScript ではなく、通常の JSON です。検証には実際に対応する dist/agent/validate.common.js を使用し、すべての検証テーブルは実際のチャートの describe() から取得します。モジュールの欠落やレンダリングの失敗はエラーとなり、プレースホルダーの出力が成功として扱われることはありません。wcc schema は、すべてのコマンドとその終了ステータスを説明します。

MCP

インストール済みの実行ファイルの絶対パスを指定して、ローカルの MCP クライアントを設定してください。

{"mcpServers":{"west-coast-charts":{"command":"/absolute/project/node_modules/.bin/wcc-mcp","args":[]}}}

サーバーはデフォルトで stdio を使用します。プロトコル出力は stdout に、ログは stderr に出力されます。7 つのツールで、レンダリング、検証、説明、スキーマ、型、例、例の取得を行えます。SDK 1.32.2 は MCP 2025-11-25 と、ネゴシエーションされたそれ以前のリビジョンをサポートします。これは MCP 2026-07-28 への準拠を主張するものではありません。MCP の設定を参照してください。--help と --version はサーバーを起動せずに終了します。

Premium と Orient

無償の Core には、無償のチャートタイプと Orient 機能が含まれます。エージェントのアーカイブには、Premium の実装は含まれていません。Premium をレンダリングするには、対応する West Coast Charts 1.1.x の完全版ディストリビューションを別途入手してください。インストール済みの完全版 west-coast-charts パッケージは通常どおり解決されます。別途展開したものを選択する場合に限り、WCC_LIB_ROOT を使用してください。WCC_LICENSE_KEY を非公開で設定するか、CLI の --license-key-file を使用してください。キーだけでは Premium コードはインストールされません。独立したライセンスで提供されているソースについて、既存の MIT ライセンスの権利に変更はありません。

quintTimeline、quintConvergence、vitalsClock、schedule など、13 種類の Premium タイプが認識されます。実際のタイプモジュールが存在している必要があります。キーがない場合、ライセンスエラーが発生します。--evaluation を明示すると、Premium ランタイムがインストールされている場合に、ウォーターマーク付きで評価できます。無効、期限切れ、またはその他の理由で拒否されたキーは引き続き拒否されます。評価モードはキーの回避手段ではありません。キーは SVG、テーブル、ログ、パッケージには書き込まれません。

ソースとテスト

ソースワークスペースには、非公開のワークスペースパッケージが3つあります。完全なソースチェックアウトで npm ci を実行すると、ロックされた開発依存関係がインストールされ、npm test を実行するとワークスペースのテストが実行されます。WCC_LIB_ROOT を通じて完全なテストランタイムを選択してください。Premium の受け入れテストには、この別個のランタイムが必要です。オプションの署名受け入れテストでは、キーを表示せずに保護されたフィクスチャパスを読み取ります。Core のみのテスト実行に成功しても、Premium のサポートが証明されるわけではありません。

リリースのパッケージ化はメンテナーが行う作業であり、インストール済みパッケージのコマンドではありません。内部パイプラインでは、レビュー済みの正確な Git コミットを分離されたステージングディレクトリにエクスポートし、明示されたソース/フォント/ライセンスの許可リストをコピーして、内部インポートを解決し、ロックファイルから公開依存関係を固定し、ファイルハッシュを記録する必要があります。リリースをパッケージ化する前に、テスト済みの Core と完全なランタイムの成果物を、正確なバージョン、コミット、SHA256 によって紐付ける必要があります。新規利用者は、生成されたアーカイブをワークスペース外にインストールし、祖先ディレクトリの依存関係へのフォールバックなしで、CLI/MCP のインポート、レンダリング、ライセンス関連のエラーを確認する必要があります。インストール済みパッケージには、ビルドスクリプトやテストは含まれません。旧式のソース専用 scripts/build-distribution.cjs と分離インストールのレシピには、RC7 のフィクスチャ固定値が含まれています。これらは 1.1.1 のリリースパイプラインではなく、現在の来歴を主張するために使用してはなりません。

ツール類:MIT。フォントの著作権、SIL OFL のテキストおよび改変については、フォントの来歴を参照してください。チャートライブラリのライセンスと帰属表示は、別個のライブラリ配布物に引き続き記載されます。NOTICEを参照してください。

0.2.1 インストールの修正

バージョン 0.2.0 では内部 CLI インポートが1つ欠落しており、開発ワークスペース外では --help を指定した場合でも MODULE_NOT_FOUND が発生することがあります。この不具合は、変更不可の 0.2.1 で修正されました。そのパッケージ化チェックでは、裸のワークスペースインポートを拒否します。また、インストールの受け入れテストは、HOME を空にしたオペレーティングシステムの一時ディレクトリで、モジュール解決ガードを使用して実行されます。以前のリポジトリ内でのインストール検証は、祖先のワークスペース依存関係の影響を受けており、分離インストールの結果ではありません。0.2.0 のタグとアーカイブは変更されていません。

0.2.2 HTTP 認可の修正

バージョン 0.2.2 では、フェイルクローズの JWKS 設定が追加されました。issuer、audience、必須スコープはすべて明示的に指定する必要があります。また、トークンは署名、issuer、audience、有効期限、スコープの各チェックを満たす必要があります。キャッシュされたレンダリングリソースは、issuer、subject、クライアント ID ごとに分離されます。この修正には 0.2.2 が必要です。0.2.1 は書き換えられたり、暗黙的にアップグレードされたりしません。ローカルの stdio 利用では、既存のファイルシステム権限の境界が維持されます。環境変数の正確な契約とサポート対象のプロトコルについては、HTTP のデプロイと認可を参照してください。

表記について

ApexCharts、react-apexcharts、vue3-apexcharts、ng-apexcharts は Apex Software, Inc. の商標であり、同社は Infragistics, Inc. の子会社であると表明しています。WestCoast Charts は WestCoast Software (Inh. Peter Kannengießer) の独立した製品であり、Apex Software, Inc. または Infragistics, Inc. とは提携、後援、推奨の関係にありません。WestCoast Charts の一部は、MIT License(Copyright (c) 2018 ApexCharts)の下で公開された ApexCharts 4.7.0 を基にしています。「ApexCharts-compatible」とは、WestCoast Charts が ApexCharts 4.7.0 の設定オプションを概ねサポートすることを意味します。相違点は移行ガイドに記載されています。

コメント

MCP は初めてですか?

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

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