Semiotic MCP Server

A React data visualization library designed for AI-assisted development. Start with a small chart component. Add network graphs, streaming data and coordinated views when the task needs them. Structured schemas, diagnostics and rendering evidence help coding assistants implement, check and repair chart configurations. Its 18 documented tools cluster into render chart, render interactive chart, read & search, suggest chart.

People who work with nteract, visualization and react and want it reachable from Claude, Cursor, VS Code, or another MCP client. The project is written in TypeScript.

VERIFIED ACTIVE

LAST COMMIT 2026-09-18 · ★ 2,707 · #1 OF 55 MAINTAINED WEB FRAMEWORK · VERIFIED 2026-09-18

Apache-2.0 · TypeScript servers · how we verify → /methodology

01 · Install Semiotic

before you install - you'll need

The README does not document required environment variables for a basic install.

Claude Code

claude mcp add nteract-semiotic --transport http https://semiotic-mcp-server-481507046413.us-west1.run.app/mcp

Claude Desktop / Cursor / VS Code - add to config

{
  "mcpServers": {
    "nteract-semiotic": {
      "url": "https://semiotic-mcp-server-481507046413.us-west1.run.app/mcp"
    }
  }
}

Same JSON for Cursor. For VS Code, rename the top-level key from `mcpServers` to `servers`.

Using another client? Same JSON, different key

Claude Desktop · mcpServers

Cursor · mcpServers

VS Code · servers

Windsurf · mcpServers

Zed · context_servers

Cline · mcpServers

Roo Code · mcpServers

Continue · mcpServers

LibreChat · mcpServers

Gemini CLI · mcpServers

Codex CLI · mcp_servers

Full setup guides: every client.

02 · Evidence

https://semiotic-mcp-server-481507046413.us-west1.run.app/mcp

transport: streamable-http

endpoint alive - responded to MCP initialize · probed 2026-09-17

Security posture

What to check before giving this server access to your agent - from the registry, GitHub, and our own probes. We don't score safety; we show what's verifiable.

runs as local process (stdio) - runs on your machine with your user's permissions · remote - your agent's requests go to semiotic-mcp-server-481507046413.us-west1.run.app

endpoint auth accepted our unauthenticated MCP initialize - no credentials needed to connect

license Apache-2.0 - declared in the repository

npm package semiotic - unscoped; check the name against the project README before installing

registry namespace io.github.nteract is GitHub-verified and matches the repo owner

03 · What Semiotic can do

Prose above is summarized from the project's README and registry record - no invented capabilities.

What you can build

With this server connected, an agent can check whether a requested chart fits a dataset and return ranked alternatives when it does not, read a statistical summary and chart-aware context for answering natural-language questions with optional annotations, list named theme presets or return ThemeProvider/CSS/token usage for a preset such as { name: "tufte" }, and evaluate an explicit artifact contract under a named policy without inferring missing source, review, or timing facts.

Capability map

Tools grouped from the project's README - what Semiotic lets an agent do.

Render Chart

1 tool - e.g. Render a Semiotic chart to static SVG. Supports the components returned by getSchema that are marked [renderable]. Pass { component: "LineChart", props: { data:

renderChart

Render Interactive Chart

1 tool - e.g. Render a static-data chart as a ChatGPT Apps widget. Uses the same Semiotic server render path as renderChart, then hydrates an iframe UI with fit, zoom, data,

renderInteractiveChart

read & search

1 tool - e.g. Return the prop schema for a specific component. Pass { component: "LineChart" } to get its props, or omit component to list the complete schema-backed catalog.

getSchema

Suggest Chart

1 tool - e.g. Sample-row recommender. Pass { data: [{...}, ...] } with 1–5 sample objects plus optional broad intent/capability filters.

suggestChart

Suggest Charts

1 tool - e.g. Capability-based recommender for bounded row data. Returns ranked chart suggestions with scores, reasons, caveats, import paths, and ready-to-use props.

suggestCharts

Suggest Stream Charts

1 tool - e.g. Recommend streaming charts from a schema (shape, key, throughput). Returns { suggestions, excluded, stretchSuggestions }.

suggestStreamCharts

Suggest Stream Dashboard

1 tool - e.g. Compose a multi-panel dashboard from stream schemas and an audience layout policy.

suggestStreamDashboard

Suggest Dashboard

1 tool - e.g. Build a multi-panel dashboard suggestion that covers distinct analytical intents.

suggestDashboard

Latest releases

v3.10.1 · 2026-09-15

Added · Network Atlas recipes - Motif Braid (including async recipe APIs and · tapered traffic), Dependency X-Ray, and Flow Circuit, with interactive · examples, an acceptance lab, and performance coverage. · Changed…

v3.9.2 · 2026-09-01

Added · semiotic/line one-chart boundary - LineChart can now be imported from · a dedicated micro entry that excludes the rest of the XY catalog and direct · Stream Frames. The boundary has a dedicated static-graph…

v3.9.1 · 2026-08-20

Fixed · Utils ESM barrel no longer produces a webpack warning - semiotic/utils · now exports resolveResponsiveDimension only from its React-free core entry · and explicitly forwards the remaining React helpers.…

04 · Who maintains Semiotic

Semiotic is maintained by nteract. It's the only MCP server we track from this author; the repo dates to Mar 2017.

05 · Facts

repository: github.com/nteract/semiotic
website: https://semiotic.nteract.io/
category: web framework - ranked #1 of 55 actively-maintained web framework servers as of 2026-09-18.
release cadence: 10+ releases in the last 90 days (latest 2026-09-15)
registry: io.github.nteract/semiotic (active, first published 2026-04-28 · 8 versions)
packages: npm:semiotic

06 · Semiotic FAQ

Is Semiotic still maintained?

Yes - as of 2026-09-18, its last commit was 2026-09-18 and it shipped 10+ releases in the last 90 days. We re-verify nightly.

What can Semiotic do?

How do I install Semiotic?

Run `npx -y semiotic`. The README does not document required environment variables for a basic install. You can also paste the ready-made client config above.

Does Semiotic require authentication?

No - the endpoint accepted our unauthenticated MCP initialize when probed on 2026-09-17; you can connect without credentials.

07 · Alternatives to Semiotic

Alternatives to Semiotic

Maintained web framework servers if Semiotic isn't the fit.

head to head · Semiotic vs Webcomponents React MCP Server · Semiotic vs Umbraco CMS MCP Dev

More web framework MCP servers · Open QR (open-qr) · I1n · Hmr · Taste Bank · WordPress MCP Server

More TypeScript MCP servers · Northwestern University Libraries Digital Collections API · Shinobi · Inspo · NVIDIA Elements · Mukoko News · see all