nteract/semiotic

Overview

Semiotic is a React data visualization library focused on streaming data, network graphs, and interactive charts. It provides declarative components for building custom visualizations with TypeScript support.

Best for

Best for
React developers needing streaming or network visualizations

Use cases

• Building real-time dashboards with streaming data
• Creating interactive network or graph visualizations
• Developing custom chart components in React applications

How to use

Install

npx semiotic-ai --list         # list components with import paths and renderability

Tested with

Claude Desktop, Claude Code, Cursor, Windsurf, Cline, ChatGPT

Notes

Semiotic is a React data visualization library focused on streaming data, network graphs, and interactive charts. It provides declarative components for building custom visualizations with TypeScript support.

2,670 stars on GitHub. Last updated 2026-06-01. Licensed Apache-2.0.

Use cases

• Building real-time dashboards with streaming data
• Creating interactive network or graph visualizations
• Developing custom chart components in React applications

Pros

• Declarative React components simplify integration
• Good support for streaming and dynamic data
• TypeScript native for type safety

Cons

• Smaller community and fewer examples than D3 or Chart.js
• Documentation can be sparse for advanced use cases
• Limited to React ecosystem only

Indexed from awesome-mcp-servers-punkpeye and enriched against its public facts.