Wikipedia link explorer MCP App Server with graph visualization
npm install @modelcontextprotocol/server-wiki-explorerVisualizes Wikipedia link graphs using a force-directed layout. Explore how Wikipedia pages are connected by expanding nodes to reveal first-degree links.
![]() | ![]() | ![]() |
Add to your MCP client configuration (stdio transport):
``json`
{
"mcpServers": {
"wiki-explorer": {
"command": "npx",
"args": [
"-y",
"--silent",
"--registry=https://registry.npmjs.org/",
"@modelcontextprotocol/server-wiki-explorer",
"--stdio"
]
}
}
}
To test local modifications, use this configuration (replace ~/code/ext-apps with your clone path):
`json`
{
"mcpServers": {
"wiki-explorer": {
"command": "bash",
"args": [
"-c",
"cd ~/code/ext-apps/examples/wiki-explorer-server && npm run build >&2 && node dist/index.js --stdio"
]
}
}
}
- Force-directed graph visualization: Interactive graph powered by force-graph
- Node expansion: Click any node to expand and see all pages it links to
- Visual state tracking: Nodes change color based on state (blue = default, green = expanded, red = error)
- Direct page access: Open any Wikipedia page in your browser
1. Install dependencies:
`bash`
npm install
2. Build and start the server:
`bash`
npm run start:http # for Streamable HTTP transport
# OR
npm run start:stdio # for stdio transport
3. View using the basic-host example or another MCP Apps-compatible host.
To test the example, call the get-first-degree-links tool with a Wikipedia URL:
`json`
{
"url": "https://en.wikipedia.org/wiki/Graph_theory"
}
Click nodes in the graph to Open (view in browser) or Expand (visualize linked pages).
MCP server that fetches Wikipedia pages and extracts internal links.
Exposes one tool:
- get-first-degree-links` - Returns links to other Wikipedia pages from a given page
Vanilla TypeScript app using force-graph for visualization that:
- Receives tool inputs via the MCP App SDK
- Renders an interactive force-directed graph
- Supports node expansion to explore link relationships