Developer Tools

JSON Path Visualizer

Visualize JSON or JSONL as an expandable tree and copy JSONPath expressions for every node

html· HTML resultOpen tool

Quick start

Call this tool from your code in three languages.

cURL

# 1) Upload each file first → returns { filePath }
curl -X POST 'https://api.elysiatools.com/upload/json-path-visualizer' \
  -F 'file=@/path/to/jsonFile.ext'

# 2) Call the tool with the returned filePath values
curl -X POST 'https://api.elysiatools.com/en/api/tools/json-path-visualizer' \
  -F 'jsonInput={
  "store": {
    "book": [
      { "title": "Clean Code", "price": 32, "authors": ["Robert C. Martin"] },
      { "title": "The Pragmatic Programmer", "price": 28, "authors": ["Andrew Hunt", "David Thomas"] }
    ],
    "bicycle": { "color": "red", "price": 99.95 }
  }
}' \
  -F 'jsonFile=' \
  -F 'inputFormat=auto' \
  -F 'searchTerm=price' \
  -F 'expandDepth=3' \
  -F 'includeValuesPreview=true' \
  -F 'exportAllPathsAsCsv=true'

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/json-path-visualizer

Parameters

Name	Type	Required	Description
jsonInput	textarea	No	—
jsonFile	fileupload required	No	—
inputFormat	select	No	—
searchTerm	text	No	—
expandDepth	number	No	—
includeValuesPreview	checkbox	No	—
exportAllPathsAsCsv	checkbox	No	—

File-type parameters must be uploaded first via POST /upload/json-path-visualizer, then the returned filePath is passed to the corresponding file field.

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-json-path-visualizer": {
      "name": "json-path-visualizer",
      "description": "Visualize JSON or JSONL as an expandable tree and copy JSONPath expressions for every node",
      "baseUrl": "https://api.elysiatools.com/mcp/sse?toolId=json-path-visualizer",
      "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": "json-path-visualizer",
    "arguments": {
  "jsonInput": "{\n  \"store\": {\n    \"book\": [\n      { \"title\": \"Clean Code\", \"price\": 32, \"authors\": [\"Robert C. Martin\"] },\n      { \"title\": \"The Pragmatic Programmer\", \"price\": 28, \"authors\": [\"Andrew Hunt\", \"David Thomas\"] }\n    ],\n    \"bicycle\": { \"color\": \"red\", \"price\": 99.95 }\n  }\n}",
  "jsonFile": "",
  "inputFormat": "auto",
  "searchTerm": "price",
  "expandDepth": 3,
  "includeValuesPreview": true,
  "exportAllPathsAsCsv": true
}
  }
}

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).

File parameters accept a public file URL only (https://…). Local paths, data: URIs, and Base64 strings are not supported.

Questions or issues? Contact [email protected]