Semiotic MCP Server

A React data visualization library designed for AI-assisted development. Simple charts in 5 lines. Network graphs, streaming data, and coordinated dashboards when you need them. Structured schemas and an MCP server so AI coding assistants generate correct chart code on the first try. Its 13 documented tools cluster into render chart, render interactive chart, read & search, suggest chart.

People connecting web framework tools to Claude, Cursor, VS Code, or another MCP client. The project is written in TypeScript.

VERIFIED ACTIVE

LAST COMMIT 2026-08-24 · ★ 2,691 · #1 OF 48 MAINTAINED WEB FRAMEWORK · VERIFIED 2026-08-25

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-08-25

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, and list named theme presets or return ThemeProvider/CSS/token usage for a preset such as { name: "tufte" }.

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 realtime charts from a stream schema, throughput, and retention hints.

suggestStreamCharts

Suggest Dashboard

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

suggestDashboard

Suggest Stretch Charts

1 tool - e.g. Recommend audience-literacy stretch picks from an AudienceProfile.

suggestStretchCharts

Latest releases

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.…

v3.9.0 · 2026-08-18

Added · Renderer-independent cursor styling - retained mark styles now accept a typed cursor value. For example, StreamNetworkFrame node icons can use nodeStyle={(node) => ({ cursor: node.url ? "pointer" : "default"…

v3.8.9 · 2026-08-05

Added · Zoom-aware canvas resolution - all Stream Frames now repaint when browser zoom, OS display scale, or display migration changes devicePixelRatio, even when CSS layout dimensions stay fixed. The new…

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 48 actively-maintained web framework servers as of 2026-08-25.
release cadence: 10+ releases in the last 90 days (latest 2026-08-20)
registry: io.github.nteract/semiotic (active, first published 2026-04-28 · 7 versions)
packages: npm:semiotic

06 · Semiotic FAQ

Is Semiotic still maintained?

Yes - as of 2026-08-25, its last commit was 2026-08-24 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-08-25; 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

More web framework MCP servers · Qr · I1n · Hmr · Taste Bank · WordPress MCP Server

More TypeScript MCP servers · Northwestern University Libraries Digital Collections API · Shinobi · NVIDIA Elements · Debug Recorder · Easyeda MCP Pro · see all