Semiotic
Semiotic is an MCP server that adds tools to AI assistants such as Claude Desktop, Claude Code and Cursor. Verified React chart generation: select, validate, repair, render, and inspect charts through MCP. It has 2,711 GitHub stars, is released under the Apache-2.0 license and runs locally with npx -y semiotic.
- Official
- Other
- Apache-2.0
- Actively maintained
Install Semiotic
Generated from the server's MCP registry entry. Replace your-value with your own values.
Claude Desktop
{
"mcpServers": {
"semiotic": {
"command": "npx",
"args": [
"-y",
"semiotic"
]
}
}
}Settings > Developer > Edit Config. macOS: ~/Library/Application Support/Claude/, Windows: %APPDATA%\Claude\. Restart Claude Desktop afterwards.
Claude Code
claude mcp add --transport stdio semiotic -- npx -y semioticCursor
{
"mcpServers": {
"semiotic": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"semiotic"
]
}
}
}Project file; use ~/.cursor/mcp.json to enable it in every project.
VS Code
{
"servers": {
"semiotic": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"semiotic"
]
}
}
}Claude Code (remote)
claude mcp add --transport http semiotic "https://semiotic-mcp-server-481507046413.us-west1.run.app/mcp"The same server is also hosted as a remote MCP endpoint, so nothing runs on your machine.
Config formats checked against the official docs on Oct 7, 2026: modelcontextprotocol.io (opens in a new tab), code.claude.com (opens in a new tab), cursor.com (opens in a new tab), code.visualstudio.com (opens in a new tab).
About Semiotic
A React data visualization library designed for AI-assisted development and streaming data. 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.
- nteract
- visualization
- d3
- react
- data-visualization
- ai
- streaming
Similar MCP servers
More other MCP servers
Reactive Resume
reactive-resume/reactive-resume
A one-of-a-kind resume builder that keeps your privacy in mind.
OtherTypeScriptN8n MCP
czlonkowski/n8n-mcp
A MCP for Claude Desktop / Claude Code / Windsurf / Cursor to build n8n workflows for you.
OtherTypeScriptXHS Downloader
JoeanAmier/XHS-Downloader
小红书(XiaoHongShu、RedNote)链接提取/作品采集工具.
OtherJavaScriptMCP Use
mcp-use/mcp-use
The fullstack MCP framework to develop MCP Apps for ChatGPT / Claude & MCP Servers for AI Agents.
OtherTypeScriptHa MCP
homeassistant-ai/ha-mcp
Comprehensive Model Context Protocol server for managing Home Assistant through AI assistants.
OtherPythonMCP Server Chart
antvis/mcp-server-chart
A Model Context Protocol server for generating charts using AntV.
OtherTypeScript
What is Semiotic?
Semiotic is an MCP server that adds tools to AI assistants such as Claude Desktop, Claude Code and Cursor. Verified React chart generation: select, validate, repair, render, and inspect charts through MCP. It has 2,711 GitHub stars, is released under the Apache-2.0 license and runs locally with npx -y semiotic. The source code is at github.com/nteract/semiotic.
How do I install the Semiotic MCP server?
Add the command npx -y semiotic to your MCP client: put it in claude_desktop_config.json for Claude Desktop, run claude mcp add for Claude Code, or add it to .cursor/mcp.json (Cursor) or .vscode/mcp.json (VS Code). The snippets on this page are ready to paste.
Is Semiotic free?
The server is open source under the Apache-2.0 license, so running it is free. It does not declare any required API key.
Is Semiotic actively maintained?
The most recent commit was on Oct 6, 2026. The latest release is v3.12.1, published Oct 6, 2026. appsgit only lists MCP servers with a commit in the last six months and re-checks every server daily.