Log inSubmit server
X402 Dataviz MCP logo

X402 Dataviz MCP

Renders structured data as themed bar, line, or area chart SVG through one MCP tool.

InstallRepositoryWebsite
Full README Compare alternatives Embed widget Claim this listing

Install X402 Dataviz MCP

Pick your client, then add it in one click or paste the config.

STDIONode.js
~/Library/Application Support/Claude/claude_desktop_config.json
claude_desktop_config.json
{
  "mcpServers": {
    "x402-dataviz-mcp": {
      "command": "npx",
      "args": [
        "-y",
        "x402-dataviz-mcp"
      ]
    }
  }
}

Settings → Developer → Edit Config, merge this into mcpServers, then fully quit and reopen Claude Desktop.

Automated check passed— started and listed 1 tools correctly (Today).

Overview

The x402-dataviz-mcp MCP server turns structured data points into SVG bar, line, and area charts. It exposes one stdio MCP tool, render_chart, which accepts chart type, optional title and theme, and one or more named data series. Rendering uses hand-built SVG with fixed color assignments, automatic legends for multiple series, and light or dark themes. Reach for it when an MCP client needs chart images without an API key, payment, browser, or native charting dependencies.

Use cases

  • Render quarterly revenue and cost charts
  • Generate themed SVG charts from agent-provided data
  • Compare multiple named series in one chart
  • Embed chart SVG in an MCP-driven workflow

Key features

  • Bar, line, and area chart rendering
  • Structured multi-series data input
  • Light and dark themes
  • Colorblind-validated fixed palette
  • Automatic legends for multiple series
  • SVG returned as MCP text

Tools1

What X402 Dataviz MCP lets your agent do. Expand a tool for its parameters.

Verified live~279 tokens of context

Security & health

What it can reach and how reliably it runs — from our own checks, not the maintainer’s claims.

ActiveLast checked 2d ago

Recent health check succeeded.

4/4 checks healthy over the last 41d

What it can do

From the 1 tool this server returned when we ran it.

Makes network requests · 1Read-only tools · 1
Network at startup3 connections
Files written at startupNone
Install scriptsNone
npm provenanceNot published
Package age83 days
Maintainers1

Observed 2026-10-24 in an isolated sandbox. A description of reach, not a security audit.

Supply-chain signal

No high-severity advisories surfaced by our automated scan.

Critical 0High 0Medium 0Low 0

Scanned 14d ago via OSV.dev · x402-dataviz-mcp (npm)

Adoption & maintenance

Factual signals from GitHub, npm, and our automated checks — not a rating.

npm downloads144Package downloads in the last 30 days.
Last commit2mo agoMost recent push to the default branch.
Availability100%Our rolling endpoint + install checks that succeeded.
Install checkPassedOur sandbox started it and listed its tools.
Tools exposed1Callable tools this server registers over MCP.
Directory activity1 viewsConfig copies, upvotes, and views on AllMCPs.

How X402 Dataviz MCP works

What x402-dataviz-mcp MCP server does

The x402-dataviz-mcp MCP server provides a single MCP tool named render_chart. It accepts categorical data arranged as x-axis labels and named numeric series, then returns the resulting chart as an SVG string in MCP tool text content.

Supported chart types are bar, line, and area. A request may include an optional title and can select either a light or dark theme; light is the default. Each data point contains an x value and a values object, allowing one or more series such as Revenue and Cost to be plotted together.

The renderer uses hand-built SVG rather than a headless browser, native binaries, or a large charting framework. Its visual rules include a fixed color order designed for color-vision accessibility, spacing between bars, rounded bar ends, ring-style line markers, direct labels at line ends, and automatic legends when two or more series are present.

How it works

An MCP client calls render_chart with JSON matching the supported input shape. The server converts the supplied series into SVG markup and returns that markup as text. A single series does not receive a legend; multiple series do. Series colors come from a fixed validated sequence and are not generated or cycled dynamically.

The project is described as the free MCP counterpart to a separate paid HTTP endpoint. That endpoint uses the same renderer, but this package is intended for calls made through an MCP client rather than plain HTTP requests.

Setup and configuration

Run the published package with:

Terminal
npx x402-dataviz-mcp

For Claude Desktop, add a server entry that runs npx with the package name and the -y argument. The server communicates over standard input and output, so an MCP client configuration must launch it as a command rather than connect to an HTTP URL.

For local development, install the npm dependencies, use npm run dev to execute src/index.ts through tsx, or run npm run build to compile the package into dist/.

No API key, payment setup, or environment variable is documented for this MCP server.

Tools and capabilities

  • render_chart renders bar, line, or area charts.
  • Accepts one or more named numeric series.
  • Supports optional titles and light or dark themes.
  • Returns SVG directly as MCP text content.
  • Adds a legend automatically for multi-series charts.

Limitations and notes

The x402-dataviz-mcp MCP server is intended for MCP clients. Use the separate POST /chart HTTP service when the caller is outside MCP, needs plain HTTP from any language, or needs a paid production or high-volume route. The documented HTTP option costs $0.01 USDC per request on Base and supports agents using x402 payment clients.

The MCP package and HTTP service are described as using the same renderChart() function, with byte-for-byte identical output. The package is licensed under MIT.

Read the full README View source on GitHub

Reviews

No reviews yet — be the first to share how it worked for you.

Frequently Asked Questions about X402 Dataviz MCP

x402-dataviz-mcp is an MCP server that connects MCP clients to a hand-built SVG chart renderer. Its main tool, render_chart, accepts structured data and produces bar, line, or area charts with optional titles, light or dark themes, and automatic legends for multiple series.

Run `npx x402-dataviz-mcp` to start it, or configure an MCP client to launch `npx -y x402-dataviz-mcp`. The README also provides a Claude Desktop configuration example using the server command and arguments.

It renders bar, line, and area charts. The `render_chart` tool accepts x-axis labels and one or more named numeric series, plus an optional title and a light or dark theme selection.

No. The MCP server is documented as free and does not require an API key or payment. A separate HTTP version is available for plain HTTP or paid high-volume use and charges $0.01 USDC per request on Base.

Yes. The README includes a Claude Desktop configuration that starts the server with `npx` and the package name. It communicates over standard input and output through the MCP client configuration.

Related MCP servers

All in Data Visualization All alternatives
Add a badge to your READMEShow it’s listed — live SVG, Markdown or HTML.

AllMCPs Directory Badge

Full Badge Customizer

Showcase your server listing on GitHub or your project documentation. Embed this dynamic SVG badge to highlight official listing status and live engagement.

Badge Style:
Live Dynamic SVG PreviewX402 Dataviz MCP AllMCPs Directory Badge
Markdown (GitHub README)
[![AllMCPs](https://allmcps.com/api/badge/x402-dataviz-mcp?style=directory)](https://allmcps.com/mcp/x402-dataviz-mcp)
HTML Embed
<a href="https://allmcps.com/mcp/x402-dataviz-mcp"><img src="https://allmcps.com/api/badge/x402-dataviz-mcp?style=directory" alt="X402 Dataviz MCP on AllMCPs" /></a>