emberflow
/ember-publish-json

/ember-publish-json

Publish JSON data as an interactive explorer.

/ember-publish-json API response from the users endpoint

Features

The explorer provides:

  • Tree view — expand/collapse nested objects and arrays
  • Graph view — visualise relationships between keys as a node graph
  • Search — filter nodes by key or value
  • Multi-payload tabs — compare multiple JSON payloads side by side
  • Copy — click any node to copy its value or JSON path

Payload Format

The JSON explorer supports a multi-payload format:

{
  "payloads": [
    { "label": "Request", "data": { "method": "POST", "url": "/api/docs" } },
    { "label": "Response", "data": { "id": "abc123", "status": "published" } }
  ]
}

Each payload becomes a tab. If your JSON isn't in this format, it's automatically wrapped as a single payload.


Example

See the JSON Explorer page in this space for a live interactive demo.

Appearance

Font family
Choose a reading font
Font size
Adjust reading size
100%