Format Conversion

JSON Visualizer

Visualize and edit JSON data with interactive forms and real-time updates

json· JSON resultOpen tool

Quick start

Call this tool from your code in three languages.

cURL

curl -X POST 'https://api.elysiatools.com/en/api/tools/json-visualizer' \
  -H 'Content-Type: application/json' \
  -d '{"jsonInput":"Enter your JSON data here...","formTheme":"default","expandLevel":2,"showTypes":true,"readonlyMode":false}'

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-visualizer

Parameters

Name	Type	Required	Description
jsonInput	textarea	Yes	—
formTheme	select	Yes	—
expandLevel	number	No	—
showTypes	checkbox	No	—
readonlyMode	checkbox	No	—

Response format

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-visualizer": {
      "name": "json-visualizer",
      "description": "Visualize and edit JSON data with interactive forms and real-time updates",
      "baseUrl": "https://api.elysiatools.com/mcp/sse?toolId=json-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-visualizer",
    "arguments": {
  "jsonInput": "Enter your JSON data here...",
  "formTheme": "default",
  "expandLevel": 2,
  "showTypes": true,
  "readonlyMode": false
}
  }
}

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

curl -X POST 'https://api.elysiatools.com/en/api/tools/json-visualizer' \ -H 'Content-Type: application/json' \ -d '{"jsonInput":"Enter your JSON data here...","formTheme":"default","expandLevel":2,"showTypes":true,"readonlyMode":false}'

Name

Type

Required

Description

jsonInput

textarea

Yes

—

formTheme

select

Yes

—

expandLevel

number

—

showTypes

checkbox

—

readonlyMode

checkbox

—

{ "mcpServers": { "elysiatools-json-visualizer": { "name": "json-visualizer", "description": "Visualize and edit JSON data with interactive forms and real-time updates", "baseUrl": "https://api.elysiatools.com/mcp/sse?toolId=json-visualizer", "command": "", "args": [], "env": {}, "isActive": true, "type": "sse" } } }

{ "jsonrpc": "2.0", "id": 2, "method": "tools/call", "params": { "name": "json-visualizer", "arguments": { "jsonInput": "Enter your JSON data here...", "formTheme": "default", "expandLevel": 2, "showTypes": true, "readonlyMode": false } } }