VChart

VChart

Official
visactor

Creates interactive charts and visualizations from data using the VChart library. Supports 15+ chart types with output as specifications, images, or HTML.

Generates interactive charts and visualizations using the VChart library, supporting over 15 chart types from basic line and bar charts to specialized heatmaps and hierarchical visualizations with flexible output formats including specifications, rendered images, or HTML embeddings.

48390 views5Local (stdio)

What it does

  • Generate line, bar, and area charts
  • Create polar charts like pie, radar, and rose charts
  • Build hierarchical visualizations like treemaps and sunburst charts
  • Generate scatter plots and heatmaps
  • Create Sankey diagrams for flow visualization
  • Export charts as images or HTML

Best for

Data analysts creating interactive dashboardsDevelopers building visualization featuresCreating charts for reports and presentations
15+ chart types supportedMultiple output formatsInteractive visualizations

About VChart

VChart is an official MCP server published by visactor that provides AI assistants with tools and capabilities via the Model Context Protocol. Create interactive visualizations and charts with VChart, a powerful data analysis tool and pie chart maker for flexible It is categorized under analytics data. This server exposes 10 tools that AI clients can invoke during conversations and coding sessions.

How to install

You can install VChart in your AI client of choice. Use the install panel on this page to get one-click setup for Cursor, Claude Desktop, VS Code, and other MCP-compatible clients. This server runs locally on your machine via the stdio transport.

License

VChart is released under the MIT license. This is a permissive open-source license, meaning you can freely use, modify, and distribute the software.

Tools (10)

generate_cartesian_chart

Generates Cartesian charts: line (trends over time), area (cumulative totals), bar (category comparison), waterfall (incremental changes), ranking bar (ordered categories), and funnel (visualizes stages in a process or conversion rates).

generate_polar_chart

Generate a polar chart (rose, radar, pie) to display numerical differences among different categories using radius and angle in polar coordinates.

generate_hierarchical_chart

Generate a chart for hierarchical visualization of multi-level categorical data proportions, include sunburst, treemap, circle_packing.

generate_progress_chart

Generates a progress chart for visualizing quantitative values normalized between 0 and 1. Ideal for representing progress, completion rates, or proportional metrics. The gauge chart and liquid chart currently only supports displaying data for a single dimension.

generate_wordcloud_venn

Generate a word cloud to visualize word frequency or importance, or a Venn diagram to show relationships such as intersections and unions between sets.

vchart-mcp-server

A Model Context Protocol (MCP) server for the @visactor/vchart that enables AI assistants to generate interactive charts and visualizations.

MCP Server npm Version npm License smithery badge

English | 简体中文

Table of Contents

Features

Chart Output Formats

Each chart can be generated in multiple formats:

  • Image - PNG/JPG image format for embedding (default)
  • Spec - VChart spec object for programmatic use
  • HTML - Interactive HTML chart for web display

Common Parameters Supported by All Charts

ParameterDescriptionType/OptionsDefault
outputOutput format"spec" | "image" | "html""image"
widthChart widthNumber500
heightChart heightNumber500
titleChart titleStringOptional
subTitleChart subtitleStringOptional
titleOrientTitle positionStringOptional
chartThemeChart themeStringOptional
backgroundBackground colorStringOptional
colorsColor paletteArray/StringOptional

Supported Chart Types and Tools

generate_cartesian_chart

Generates Cartesian coordinate system charts, including area, bar, line, waterfall, funnel, and animated ranking bar charts.

ParameterDescriptionTypeRequired
dataTableData object arrayArrayYes
chartTypeChart type"line" | "area" | "bar" | "waterfall" | "funnel" | "ranking_bar"Yes
xFieldX axis field namestringYes
yFieldY axis field namestringYes
colorFieldColor mapping fieldstringOptional
timeFieldTime field for animated ranking bar chartstringOptional
stackOrPercentStack or percent mode"stack" | "percent"Optional
transposeDisplay bar chart horizontally (as bar chart)booleanOptional
xAxisTypeX axis type"band" | "linear"Optional
xAxisOrientX axis position"top" | "bottom"Optional
xAxisTitleX axis titlestringOptional
xAxisHasGridShow X axis grid linesbooleanOptional
xAxisHasLabelShow X axis labelsbooleanOptional
xAxisHasTickShow X axis ticksbooleanOptional
yAxisTypeY axis type"band" | "linear"Optional
yAxisOrientY axis position"left" | "right"Optional
yAxisTitleY axis titlestringOptional
yAxisHasGridShow Y axis grid linesbooleanOptional
yAxisHasLabelShow Y axis labelsbooleanOptional
yAxisHasTickShow Y axis ticksbooleanOptional

generate_polar_chart

Generates polar coordinate system charts, including radar, rose, and pie charts.

ParameterDescriptionType/OptionsRequired
dataTableData object arrayArrayYes
chartTypeChart type"radar" | "rose" | "pie"Yes
categoryFieldCategory field namestringYes
valueFieldValue field namestringYes
colorFieldColor mapping fieldstringOptional
angleAxisTitleAngle axis titlestringOptional
angleAxisHasGridShow angle axis grid linesbooleanOptional
angleAxisHasLabelShow angle axis labelsbooleanOptional
angleAxisHasTickShow angle axis ticksbooleanOptional
angleAxisTypeAngle axis type"band" | "linear"Optional

README truncated. View full README on GitHub.

Alternatives

Related Skills

Browse all skills
data-storytelling

Transform data into compelling narratives using visualization, context, and persuasive structure. Use when presenting analytics to stakeholders, creating data reports, or building executive presentations.

27
content-trend-researcher

Advanced content and topic research skill that analyzes trends across Google Analytics, Google Trends, Substack, Medium, Reddit, LinkedIn, X, blogs, podcasts, and YouTube to generate data-driven article outlines based on user intent analysis

23
data-scientist

Expert data scientist for advanced analytics, machine learning, and statistical modeling. Handles complex data analysis, predictive modeling, and business intelligence. Use PROACTIVELY for data analysis tasks, ML modeling, statistical analysis, and data-driven insights.

13
google-analytics

Analyze Google Analytics data, review website performance metrics, identify traffic patterns, and suggest data-driven improvements. Use when the user asks about analytics, website metrics, traffic analysis, conversion rates, user behavior, or performance optimization.

13
senior-data-scientist

World-class data science skill for statistical modeling, experimentation, causal inference, and advanced analytics. Expertise in Python (NumPy, Pandas, Scikit-learn), R, SQL, statistical methods, A/B testing, time series, and business intelligence. Includes experiment design, feature engineering, model evaluation, and stakeholder communication. Use when designing experiments, building predictive models, performing causal analysis, or driving data-driven decisions.

8
backend-dev-guidelines

Comprehensive backend development guide for Langfuse's Next.js 14/tRPC/Express/TypeScript monorepo. Use when creating tRPC routers, public API endpoints, BullMQ queue processors, services, or working with tRPC procedures, Next.js API routes, Prisma database access, ClickHouse analytics queries, Redis queues, OpenTelemetry instrumentation, Zod v4 validation, env.mjs configuration, tenant isolation patterns, or async patterns. Covers layered architecture (tRPC procedures → services, queue processors → services), dual database system (PostgreSQL + ClickHouse), projectId filtering for multi-tenant isolation, traceException error handling, observability patterns, and testing strategies (Jest for web, vitest for worker).

7