MCP server for interactive visualizations: tables, images, trees, lists, master-detail
MCP server for interactive visualizations: tables, images, trees, lists, master-detail. Exposed over MCP by the visuals mcp server, that capability becomes something an assistant can invoke while it works, not something you go and do afterwards.
An MCP (Model Context Protocol) server that provides interactive visualizations for AI agents. Display data in rich, interactive formats including tables with TanStack Table, charts with Recharts, image previews with metadata, master-detail views for browsing collections, tree views for hierarchical data, and customizable lists with drag-and-drop reordering.
Everything the assistant can do here goes through one of these:
Sorting — Click column headers to sort ascending/descendingFiltering — Per-column text filters with apply buttonPagination — Customizable page sizes (5, 10, 20, 50, 100 rows)Export — Copy as CSV/TSV or export to PDFResponsive — Works on different screen sizesIcons — Add custom icons/emojis to nodesDrag-and — Drop Reordering**: Easily reorder items by draggingCheckboxes — Optional checkboxes for task lists and selectionsMetadata — Attach custom metadata to itemsline — bararea — piescatter — composedInstallation goes through your MCP client rather than a global install: point it at @harrybin/visuals-mcp on npm and it is fetched when the client starts. The copy-paste blocks for Claude Desktop, Claude Code and Cursor are further down this page.
You will need one environment variable: YOUR_GITHUB_TOKEN. The server will not start without them, which is usually why the tools fail to appear on a first run. Keep credentials in your client's env block or a secrets manager rather than in a file you might commit.
Among the planning and project tracking options, the useful question is rarely "what can it do" but "what does it cost you to run" — permissions, credentials, and how much of your context its toolset consumes. Visuals's toolset — Sorting, Filtering, Pagination and 9 more — is a fair guide to whether it matches your workflow. It is maintained by harrybin; worth a glance at recent repository activity before you build anything load-bearing on it.
This entry was verified against Visuals's own documentation before publication; SyncDev keeps the directory reviewed rather than auto-generated.
| Tool | What it does |
|---|---|
| Sorting | Click column headers to sort ascending/descending |
| Filtering | Per-column text filters with apply button |
| Pagination | Customizable page sizes (5, 10, 20, 50, 100 rows) |
| Export | Copy as CSV/TSV or export to PDF |
| Responsive | Works on different screen sizes |
| Icons | Add custom icons/emojis to nodes |
| Drag-and | Drop Reordering**: Easily reorder items by dragging |
| Checkboxes | Optional checkboxes for task lists and selections |
| Metadata | Attach custom metadata to items |
| line | bar |
| area | pie |
| scatter | composed |
{
"mcpServers": {
"visuals": {
"command": "npx",
"args": ["-y", "@harrybin/visuals-mcp"],
"env": {
"YOUR_GITHUB_TOKEN": "your-value"
}
}
}
}Add to claude_desktop_config.json, then restart Claude Desktop.
| Variable | Description | Required |
|---|---|---|
| YOUR_GITHUB_TOKEN | Credential the server authenticates with. | Yes |
Your workspace, on speaking terms with AI — search, read and write Notion pages and databases.
Issue tracking at the speed of conversation — Linear's official hosted server with OAuth and zero install.
Search and read your Drive — Docs, Sheets and files become context your assistant can actually use.
Your assistant inside the workspace — read channels, search history, post messages and tame the noise.
Metabase ships its own MCP endpoint — search your BI content, build and run queries, and save questions and dashboards without leaving the chat.
Stop letting your assistant hallucinate n8n node parameters — this server hands it the real schemas, templates and validation.