ax-crew/chartjs-mcp-server

Developer tools

このページは AI により自動翻訳されています。技術的な詳細は原文をご確認ください。原文を見る

17 stars 8 forks 品質 70 トレンド 21MIT

Repository Install

Chart.jsを使用してチャートを生成するためのモデルコンテキストプロトコル(MCP)サーバー

概要

モデルコンテキストプロトコル(MCP)サーバーで、Chart.js v4を使用して美しいチャートを生成します。 Claude Desktop、Cursor、その他のMCP互換アプリケーションでのデータ視覚化に最適です。「会社の性能を示すバブルチャートを作成」に依頼し、すぐにプロフェッショナルな結果を入手してください! - : @ax-crew/chartjs-mcp-server - : 3.2.0 - : >=18 - : chartjs-mcp-server - : @ax-crew/chartjs-mcp-server データを美しく、プロフェッショナルなチャートに即座に変換! このMCPサーバーは、お気に入りのAIアプリケーションに接続して生成します。 - 比較カテゴリのための完璧な - ̇ - 時間をかけてトレンドを表示するための素晴らしい - 🥧 - 比率を示すための理想 - 確約 - 相関分析のためのパーフェクト - ️️ - 多次元比較のための素晴らしい - ✔ - 美しい放射状の視覚化すべてのチャートは、保存、共有、または埋め込むのに最適な - - - 保存、共有、または埋め込む - ホバーツールチップとアニメーションを備えた自己汚染されたdivs - 🧩 - 生チャート.

概要（AI 翻訳）

モデルコンテキストプロトコル(MCP)サーバーで、Chart.js v4を使用して美しいチャートを生成します。 Claude Desktop、Cursor、その他のMCP互換アプリケーションでのデータ視覚化に最適です。

※「会社性能を示すバブルチャートを作成」を依頼し、即座にプロフェッショナルな結果を入手してください!*

📦 NPM パッケージ

-名前:[@ax-crew/chartjs-mcp-server

バージョン: [3.2.0] -Node: [>=18
CLI bin: [chartjs-mcp-server -NPM:[@ax-crew/chartjs-mcp-server

インストール

実行

は、これが何をするか

データを美しく、プロフェッショナルなチャートに即座に変換! このMCPサーバーは、お気に入りのAIアプリケーションに接続して生成します。

特定のカテゴリに最適
✓ラインチャート - 時間をかけてトレンドを表示するための素晴らしい
🥧パイ&ドーナッツチャート - 比率を示すための理想
確かにスキャッター&バブルチャート - 相関分析に最適
🕸️レイダーチャート - 多次元比較に最適です
◀Polarエリアチャート - 美しい放射状の視覚化

すべてのチャートは以下のように生成できます。

PNGイメージ*(800x600px) - 保存、共有、または埋め込みに最適です

このページは AI により自動翻訳されています。技術的な詳細は原文をご確認ください。

README

以下は原文 README の抜粋です。原文を見る。

Chart.js MCP Server

A Model Context Protocol (MCP) server that generates beautiful charts using Chart.js v4. Perfect for data visualization in Claude Desktop, Cursor, and other MCP-compatible applications.

Just ask “Create a bubble chart showing company performance” and get professional results instantly!

📦 NPM Package

Name: @ax-crew/chartjs-mcp-server
Version: 3.2.0
Node: >=18
CLI bin: chartjs-mcp-server
NPM: @ax-crew/chartjs-mcp-server

Install

# npm
npm install -D @ax-crew/chartjs-mcp-server

# pnpm
pnpm add -D @ax-crew/chartjs-mcp-server

# yarn
yarn add -D @ax-crew/chartjs-mcp-server

# bun
bun add -d @ax-crew/chartjs-mcp-server

Run

# via npx (recommended for MCP clients)
npx @ax-crew/chartjs-mcp-server

# or if installed locally/globally
chartjs-mcp-server

🎯 What This Does

Transform your data into beautiful, professional charts instantly! This MCP server connects to your favorite AI applications and generates:

📊 Bar Charts - Perfect for comparing categories
📈 Line Charts - Great for showing trends over time
🥧 Pie & Doughnut Charts - Ideal for showing proportions
🎯 Scatter & Bubble Charts - Perfect for correlation analysis
🕸️ Radar Charts - Great for multi-dimensional comparisons
🌟 Polar Area Charts - Beautiful radial visualizations

All charts can be generated as:

📸 PNG Images (800x600px) - Perfect for saving, sharing, or embedding
🌐 Interactive HTML - Self-contained divs with hover tooltips and animations
🧩 JSON Config - Raw Chart.js config for client-side rendering in React/Next.js apps

Interactive HTML charts with hover tooltips and animations - perfect for web applications!

🖼️ See It In Action

Here’s what you can create with just a simple request:

Bar Chart Perfect for comparisons

Line Chart Great for trends

Pie Chart Show proportions

GitHub で README 全文を見る

インストール

npx @ax-crew/chartjs-mcp-server

MCP 初心者？mcpskill.org のガイドから始めましょう →

設定

{
     "mcpServers": {
       "chartjs": {
         "command": "npx",
         "args": ["@ax-crew/chartjs-mcp-server"]
       }
     }
   }