Data Visualization
Interactive network relationship graph for visualizing social networks, topological structures, and node connections
Call this tool from your code in three languages.
curl -X POST 'https://api.elysiatools.com/en/api/tools/network-chart' \
-H 'Content-Type: application/json' \
-d '{"networkData":"JSON format:\n{"nodes": [{"id": "A", "label": "Node A", "group": "Group 1", "size": 30},\n{"id": "B", "label": "Node B", "group": "Group 1", "size": 25}],\n"edges": [{"source": "A", "target": "B", "weight": 2, "label": "Strong"}]}","chartTitle":"Network Relationship Chart","layoutAlgorithm":"force","showLabels":true,"showEdgeLabels":false,"colorScheme":"blue","nodeSize":"20","edgeWidth":"2","linkDistance":"100","nodeStrength":"-300","animationDuration":"1000"}'Send a POST request with your inputs as JSON. File parameters require a separate upload first.
POST https://api.elysiatools.com/en/api/tools/network-chart| Name | Type | Required | Description |
|---|---|---|---|
| networkData | textarea | Yes | JSON format network data with nodes and edges arrays. Nodes: id, label, group, size, color. Edges: source, target, weight, color, label |
| chartTitle | text | No | Main title of the network chart |
| layoutAlgorithm | select | No | — |
| showLabels | checkbox | No | Whether to display node labels |
| showEdgeLabels | checkbox | No | Whether to display edge labels |
| colorScheme | select | No | — |
| nodeSize | text | No | Default size of nodes in pixels |
| edgeWidth | text | No | Default width of edges in pixels |
| linkDistance | text | No | Ideal distance between connected nodes (force layout) |
| nodeStrength | text | No | Repulsion force between nodes (negative value) |
| animationDuration | text | No | Animation duration in milliseconds |
HTML result
{
"result": "<div>Processed HTML content</div>",
"error": "Error message (optional)",
"message": "Notification message (optional)",
"metadata": {
"key": "value"
}
}Add this tool to your Model Context Protocol server so AI agents can list and call it.
Add this block to your MCP client configuration:
{
"mcpServers": {
"elysiatools-network-chart": {
"name": "network-chart",
"description": "Interactive network relationship graph for visualizing social networks, topological structures, and node connections",
"baseUrl": "https://api.elysiatools.com/mcp/sse?toolId=network-chart",
"command": "",
"args": [],
"env": {},
"isActive": true,
"type": "sse"
}
}
}After connecting to the SSE endpoint, list the exposed tools:
{
"jsonrpc": "2.0",
"id": 1,
"method": "tools/list"
}Invoke the tool by its id, passing arguments built from its parameters:
{
"jsonrpc": "2.0",
"id": 2,
"method": "tools/call",
"params": {
"name": "network-chart",
"arguments": {
"networkData": "JSON format:\n{"nodes": [{"id": "A", "label": "Node A", "group": "Group 1", "size": 30},\n{"id": "B", "label": "Node B", "group": "Group 1", "size": 25}],\n"edges": [{"source": "A", "target": "B", "weight": 2, "label": "Strong"}]}",
"chartTitle": "Network Relationship Chart",
"layoutAlgorithm": "force",
"showLabels": true,
"showEdgeLabels": false,
"colorScheme": "blue",
"nodeSize": "20",
"edgeWidth": "2",
"linkDistance": "100",
"nodeStrength": "-300",
"animationDuration": "1000"
}
}
}Questions or issues? Contact [email protected]