Mmcp.market

Microcharts MCP server

by ganapativs·io.github.ganapativs/microcharts·v0.1.17
No reviews yet

Find, wire, and render microcharts — word-sized React charts with generated alt text.

A92/100grade A
Write a reviewInstall
What users say
No reviews yet
Be the first
Safety scan
A92/100

full report

Adoption
Established

181 stars59 downloads/wk

Reviews

Write one

Nobody has reviewed Microcharts yet.

If you have run it, two minutes of your experience saves the next person an afternoon.

Microcharts tools (3)

write = sends, deletes, buys or posts

Read from the package source without running it. The installed server may list more.

  • find_microchart

    Rank microcharts chart types against a plain-language question about data ("is it trending?", "error budget", "part to whole"). Returns candidates with the reason each matched. Start here when you know the question, not the chart.

  • get_microchart

    Full wiring detail for one chart by slug: import paths, its props plus the shared props, data shape, best/avoid guidance, a copy-runnable example, and `sample` — the example as JSON props you can pass straight to render_microchart.

  • render_microchart

    Render a chart to a finished, self-contained SVG (styles embedded) plus its generated alt text — for surfaces that can't run React. Pass the series as `data`; put other props (value, target, curve, color, width) in `props`. Each chart takes its own data shape — get_microchart returns a valid `sample` to adapt.

Public scan report

scanner v0.1.9 · 2026-09-20 · same rubric, same numbers if you re-run it

no findings
  • Code scan6 source files scanned25/25
  • –Live reliabilityno gateway calls yet and no remote to proben/a
  • –Tool poisoningtools not inspected (local package is not executed); not countedn/a
  • Auth qualitylocal package, no credentials required12/15
  • Maintenancelast push 1 days ago15/15
  • Maintainer identityregistry namespace matches repository owner; GitHub account older than a year8/10
Overall 92/100. Components that don't apply are left out of the denominator. Any critical finding is an F.RubricAppeal a findingJSON

What the publisher says

From the Microcharts repository's README, as published. We do not edit it. Read it on GitHub

@microcharts/react

Word-sized charts for React — zero runtime dependencies, ~2–7 kB interactive · ~1–4 kB static, accessible by default, and server-component safe.

Docs · Gallery · Quickstart · AI usage · llms.txt

microcharts is 106 tiny, handcrafted chart types built to sit inside an interface: a sentence, a table cell, a KPI card, a tab header, a streamed AI reply. The grammar is small enough for a model to emit correctly mid-sentence, and every chart describes itself in words, so a chart an LLM streams into a chat reply is one a person can read and check.

Status: tested and in production use, but not across every stack and edge yet. If you hit something, open an issue

on GitHub.

Why

seen one chart can write them all. → AI usage

  • AI-native. A chart is plain data plus a generated sentence. One grammar across all 106 types — a model that has

Interactivity is a separate opt-in /interactive import.

  • Zero dependencies. No chart engine, no D3 — just SVG. React is the only peer. CI-enforced, forever.
  • Server-component safe. Static charts are hook-free and render to HTML with zero client JavaScript.

when the numbers do. → Accessibility

  • Accessible by default. Every chart is an img with a natural-language summary built from your data; it updates

honest encoding channel and a stated precision.

  • Tiny. ~2–7 kB interactive · ~1–4 kB static gzip per chart, budget-gated in CI. Every type has one documented,

continuous marks when data updates. Entrances respect prefers-reduced-motion and never replay over server-rendered HTML. → Motion

  • Motion, opt-in. Interactive charts draw on with animate plus one import "@microcharts/react/motion", and glide

Install

npm install @microcharts/react

Import the stylesheet once at the root of your app — it carries every theming token and chart style in a low-specificity cascade layer, so your own styles always win:

// app/layout.tsx
import "@microcharts/react/styles.css";

Your first chart

Every chart renders from data alone. This works in a React Server Component with zero client JavaScript — pure SVG, and its accessible name is generated from the data.

import { Sparkline } from "@microcharts/react/sparkline";

<Sparkline data={[3, 5, 4, 8, 6, 9]} title="Weekly revenue" />;

Each chart imports from its own subpath, so you only ship what you use. Every chart follows the same two-entry pattern: a static default, and an /interactive twin.

Shortened. The full README is on GitHub.

Nothing above is checked by us. What we check is on the safety report.

Install directly

Runs npx -y @microcharts/mcp on your machine. Read the scan report first; the gateway never runs local packages.

claude mcp add microcharts -- npx -y @microcharts/mcp
Add to Cursor

Microcharts: common questions

Is Microcharts MCP server safe?
Yes, by our scan: it is graded A (92/100). Read the Microcharts safety report
How do I install Microcharts?
It runs on your machine. Copy the Claude Code, Claude Desktop or Cursor config from the install section.
Does Microcharts need an API key?
Not as far as the registry entry and our scan can tell: no credentials are declared or required.
Is Microcharts maintained?
The last commit was in the last day (2026-09-19). The latest release is v0.1.17.
What can I use instead of Microcharts?
Servers from other publishers that do the same job: Semiotic MCP server.

Alternatives to Microcharts

Same job from other publishers: the closest match first, then the best rated.

  • Semiotic
    Verified React chart generation: select, validate, repair, render, and inspect charts through MCP.
    B

More from ganapativs →