Elysia Tools Docs
EN
Language
ZHESPTRUFRDEEN
Back to site
Browse tools

Data Visualization

Network Chart Generator

Interactive network relationship graph for visualizing social networks, topological structures, and node connections

html· HTML resultOpen tool

Quick start

Call this tool from your code in three languages.

cURL
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"}'

© 2026 Elysia Tools. Developer documentation.

Back to siteBrowse tools

API reference

Send a POST request with your inputs as JSON. File parameters require a separate upload first.

Endpoint

HTTP
POST https://api.elysiatools.com/en/api/tools/network-chart

Parameters

NameTypeRequiredDescription
networkDatatextareaYesJSON format network data with nodes and edges arrays. Nodes: id, label, group, size, color. Edges: source, target, weight, color, label
chartTitletextNoMain title of the network chart
layoutAlgorithmselectNo—
showLabelscheckboxNoWhether to display node labels
showEdgeLabelscheckboxNoWhether to display edge labels
colorSchemeselectNo—
nodeSizetextNoDefault size of nodes in pixels
edgeWidthtextNoDefault width of edges in pixels
linkDistancetextNoIdeal distance between connected nodes (force layout)
nodeStrengthtextNoRepulsion force between nodes (negative value)
animationDurationtextNoAnimation duration in milliseconds

Response format

HTML result

JSON
{
  "result": "<div>Processed HTML content</div>",
  "error": "Error message (optional)",
  "message": "Notification message (optional)",
  "metadata": {
    "key": "value"
  }
}

MCP integration

Add this tool to your Model Context Protocol server so AI agents can list and call it.

Server configuration

Add this block to your MCP client configuration:

mcp.json
{
  "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"
    }
  }
}

List available tools

After connecting to the SSE endpoint, list the exposed tools:

tools/list
{
  "jsonrpc": "2.0",
  "id": 1,
  "method": "tools/list"
}

Call this tool

Invoke the tool by its id, passing arguments built from its parameters:

tools/call
{
  "jsonrpc": "2.0",
  "id": 2,
  "method": "tools/call",
  "params": {
    "name": "network-chart",
    "arguments": {
  "networkData": "JSON format:\n{&quot;nodes&quot;: [{&quot;id&quot;: &quot;A&quot;, &quot;label&quot;: &quot;Node A&quot;, &quot;group&quot;: &quot;Group 1&quot;, &quot;size&quot;: 30},\n{&quot;id&quot;: &quot;B&quot;, &quot;label&quot;: &quot;Node B&quot;, &quot;group&quot;: &quot;Group 1&quot;, &quot;size&quot;: 25}],\n&quot;edges&quot;: [{&quot;source&quot;: &quot;A&quot;, &quot;target&quot;: &quot;B&quot;, &quot;weight&quot;: 2, &quot;label&quot;: &quot;Strong&quot;}]}",
  "chartTitle": "Network Relationship Chart",
  "layoutAlgorithm": "force",
  "showLabels": true,
  "showEdgeLabels": false,
  "colorScheme": "blue",
  "nodeSize": "20",
  "edgeWidth": "2",
  "linkDistance": "100",
  "nodeStrength": "-300",
  "animationDuration": "1000"
}
  }
}
Chain multiple tools in one session with a comma-separated toolId list, e.g. /mcp/sse?toolId=png-to-webp,jpg-to-webp,gif-to-webp (max 20).

Questions or issues? Contact [email protected]

Browse tools
Open tool