B
boardplot/boardplot
Consulting-grade charts for AI agents and React: one JSON spec gives a deterministic SVG, PNG or React chart
View on GitHub ↗Link checked 2026-11-12 · HTTP 200 · opens the vendor's own site
Install & config
Client config (built from the install command this repo gives)
{
"mcpServers": {
"boardplot-boardplot": {
"command": "npx",
"args": ["boardplot"]
}
}
}Parsed from the README we fetched on 2026-10-31; we have not executed it.
command/args come from the install command the repository states. When it is ambiguous, the project README wins.
VS Code (.vscode/mcp.json - the key is servers)
{
"servers": {
"boardplot-boardplot": {
"command": "npx",
"args": ["boardplot"]
}
}
}Same server, but VS Code keeps it under <code>servers</code>.
Claude Code (command line)
claude mcp add --transport stdio boardplot-boardplot -- npx boardplot
Claude Code does not read a config file; add the server with this command.
Key names differ by client: Clients & CLI
- Star count
- 2 ★ · boardplot/boardplot · read from the GitHub search API · (checked 2026-11-13 20:00:50)
- Source
- read directly from its GitHub page · type: open-source project
- Harvest history
- first seen 2026-11-01 · last seen 2026-11-14 · seen 14× · listed by 1 sources
- Score
- score 103 · 2 ★ · 1 sources · repo
- Install
npx boardplot
FAQ (answers come from our records)
How do I install it?
The repository provides this install command:
npx boardplot. It comes from the repository itself; we cannot guarantee it runs as-is in your client.Who is it for?
We filed it under these tags: Agent 技能. The tags come from the entry itself, not a taxonomy we imposed.
Who maintains it?
repository
boardplot/boardplot；first catalogued 2026-11-01；last seen 2026-11-14。There is no official certification or quality rating here — we record sources and dates only.# Boardplot
以下摘录自该仓库的 README（片段） · 在 GitHub 读完整 README →
Boardplot is a chart library for AI agents and React apps: one JSON spec gives a consulting-grade business chart for reports, dashboards and slides, as SVG, PNG or a React component.
Gallery · Manual · Chart reference · AI agents · React · Changelog · Apache-2.0
This stacked column chart is one JSON spec drawn by boardplot render; the variance to the prior year above each column is computed from the data. Boardplot has 37 chart types, 82 variants and 564 example specs ; the gallery shows each type with its spec.
## Why Boardplot
Business notation is built in: actual against plan and prior year, variances, bridges, event lanes and forecasts. Totals, shares and growth rates are computed from your data, and each render reports the numbers it derived.
Automatic label placement: one collision solver places the labels, and a render reports every label it left out. A chart that cannot fit is refused with the size it needs.
The same spec, settings and engine version give byte-identical SVG.
One spec, { "type", "data", "options" }, works in React, the CLI and six MCP tools. A spec error comes back as JSON with the path, the expected value and a fix, so an agent can repair the spec.
## Match your design system
Set brand colours, series colours, type sizes and spacing through theme tokens, or start from one of eight presets.
Style tables with the same tokens, or start from the ready table look.
Use your own font: boardplot fonts build makes the width tables that layout measures with. The font files must be loaded where the chart is shown, and installed where a PNG is drawn.
Choose the locale, the number formats and the reading target: report, dashboard, slide or print.
The theme reference lists every token.
## Examples
Each chart links to its spec in the gallery. Companies, products, sources and numbers in the examples are invented.
## Quick start
Boardplot needs Node.js 22.12 or newer.
sh
npm install boardplot
cat > revenue.json ;
Each chart type has its own entry, such as boardplot/react/column. BoardplotChart from boardplot/react/spec takes a whole spec instead. The React route, in order: Getting a chart in React, Rows in React for query rows, Container sizing, Theme provider and Export, which ends with a complete typed PNG and SVG download.
## The catalog
37 chart types, 82 variants and 564 example specs. fixtures.md lists every example spec.
| Type | Aliases | Summary |
| column | | Vertical bars, grouped or stacked |
| bar | | Horizontal bars per item |
| line | profile | Lines and areas over time |
| dimswitch | dim-switch-table, dim-switch | KPIs by one dimension and period, from sums |
| table | tbl | Management table with totals |
| waterfall | bridge | Bridge |
| kpi | | Single-metric card |
| combo | | Columns with line or area overlays |
| variance | deviation | Variance tier against PY, PL or FC |
| bullet | | KPI rows with bands and target |
| bartable | bar-table, table-bars | Table rows with stacked bars, one panel per measure |
| pvm | price-volume-mix | Price, volume and mix bridge |
Gallery · Manual · Chart reference · AI agents · React · Changelog · Apache-2.0
This stacked column chart is one JSON spec drawn by boardplot render; the variance to the prior year above each column is computed from the data. Boardplot has 37 chart types, 82 variants and 564 example specs ; the gallery shows each type with its spec.
## Why Boardplot
Business notation is built in: actual against plan and prior year, variances, bridges, event lanes and forecasts. Totals, shares and growth rates are computed from your data, and each render reports the numbers it derived.
Automatic label placement: one collision solver places the labels, and a render reports every label it left out. A chart that cannot fit is refused with the size it needs.
The same spec, settings and engine version give byte-identical SVG.
One spec, { "type", "data", "options" }, works in React, the CLI and six MCP tools. A spec error comes back as JSON with the path, the expected value and a fix, so an agent can repair the spec.
## Match your design system
Set brand colours, series colours, type sizes and spacing through theme tokens, or start from one of eight presets.
Style tables with the same tokens, or start from the ready table look.
Use your own font: boardplot fonts build makes the width tables that layout measures with. The font files must be loaded where the chart is shown, and installed where a PNG is drawn.
Choose the locale, the number formats and the reading target: report, dashboard, slide or print.
The theme reference lists every token.
## Examples
Each chart links to its spec in the gallery. Companies, products, sources and numbers in the examples are invented.
## Quick start
Boardplot needs Node.js 22.12 or newer.
sh
npm install boardplot
cat > revenue.json ;
Each chart type has its own entry, such as boardplot/react/column. BoardplotChart from boardplot/react/spec takes a whole spec instead. The React route, in order: Getting a chart in React, Rows in React for query rows, Container sizing, Theme provider and Export, which ends with a complete typed PNG and SVG download.
## The catalog
37 chart types, 82 variants and 564 example specs. fixtures.md lists every example spec.
| Type | Aliases | Summary |
| column | | Vertical bars, grouped or stacked |
| bar | | Horizontal bars per item |
| line | profile | Lines and areas over time |
| dimswitch | dim-switch-table, dim-switch | KPIs by one dimension and period, from sums |
| table | tbl | Management table with totals |
| waterfall | bridge | Bridge |
| kpi | | Single-metric card |
| combo | | Columns with line or area overlays |
| variance | deviation | Variance tier against PY, PL or FC |
| bullet | | KPI rows with bands and target |
| bartable | bar-table, table-bars | Table rows with stacked bars, one panel per measure |
| pvm | price-volume-mix | Price, volume and mix bridge |
Listed badge (optional)
Copy this line into the README if you want the listing mark. Optional, and it does not affect being listed.
[](https://anclum.com/en/s/boardplot-boardplot/)
- Source
- github · https://github.com/boardplot/boardplot
- Browse by field
- Agent skills
- Traction
- 2 ★
- added
- today
More like this
Filed under
Every tag opens the full list for that filter. Counts are the live catalogue figures.