AC

ax-crew/chartjs-mcp-server

Developer tools

이 페이지는 AI로 자동 번역되었습니다. 기술적인 세부 사항은 원문을 확인하세요. 원문 보기

17 stars 8 forks 품질 70 트렌드 21MIT

Chart.js를 사용하여 차트 생성을위한 모델 Context Protocol (MCP) 서버

개요

Chart.js v4를 사용하여 아름다운 차트를 생성하는 모델 Context Protocol (MCP) 서버. Claude Desktop, Cursor 및 기타 MCP 호환 응용 프로그램에서 데이터 시각화에 적합합니다. 그냥 "Create Bubble chart display company performance"를 요청하고 즉시 전문 결과를 얻을! - : @ax-crew/chartjs-mcp-server - : 3.2.0 - : >=18 - : chartjs-mcp-server - : @ax-crew/chartjs-mcp-server 데이터를 아름답게 변환, 전문 차트 즉시! 이 MCP 서버는 좋아하는 AI 응용 프로그램에 연결하고 생성합니다. - - 비교 카테고리에 대한 완벽한 - 📈 - 시간이 지남에 대한 추세를 보여주는 위대한 - Ideal - 비례를 보여주는 이상 - Perfect - 상관 관계 분석을위한 완벽한 - 🕸️ - 다차원 비교에 큰 - ᄒ - 아름다운 광선 시각화 모든 차트는 다음과 같이 생성될 수 있습니다. - (800x600px) - 저장, 공유, 또는 embedding - Ī - Hover tooltips 및 생기를 가진 divs - Self - 원시 차트.

개요(AI 번역)

Chart.js v4를 사용하여 아름다운 차트를 생성하는 모델 Context Protocol (MCP) 서버. Claude Desktop, Cursor 및 기타 MCP 호환 응용 프로그램에서 데이터 시각화에 적합합니다.

*Just는 "회사 성과를 보여주는 거품 도표를 분류하고 직업적인 결과를 즉시 얻습니다! *

☸ NPM 패키지

  • 이름: @ax-crew/chartjs-mcp-server
  • 버전: 3.2.0
  • Node: >=18
  • **CLI 빈 **: chartjs-mcp-server
  • NPM: @ax-crew/chartjs-mcp-server

설치

실행

이 것

데이터를 아름답게 변환, 전문 차트 즉시! 이 MCP 서버는 좋아하는 AI 응용 프로그램에 연결하고 생성합니다.

  • Bar Bar Charts - 카테고리를 비교하기에 완벽한
  • 📈 **라인 차트 ** - 시간이 지남에 따라 추세를 보여주는 훌륭한
  • D **Pie & Doughnut Charts ** - 비율을 보여주는 이상
  • S **Scatter & Bubble Chart ** - 상관 분석을위한 완벽한
  • Ra️Radar Charts - 다차원 비교에 큰
  • ✈폴란드 지역 차트 - 아름다운 광선 시각화

모든 차트는 다음과 같이 생성될 수 있습니다:

  • PNG Images (800x600px) - 저장, 공유 또는 embedding에 적합

이 페이지는 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

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"] } } }