View JSON online as an interactive tree, graph, or table

Raw text is a poor way to understand a large or deeply-nested payload. Yellorn renders the active tab in a live visualizer beside the editor, and you choose the shape that fits the data: a tree, a graph, or a table. Everything is computed in your browser as you type — nothing is uploaded.

Cycle between the available views with Cmd + Shift + T (Ctrl + Shift + T on Windows / Linux), or click the view toggle in the visualizer toolbar. The toggle only offers the views that make sense for the current format.

JSON, JSON Lines, XML, YAML, and TOML open as a collapsible tree. Every object and array is a node you can expand or collapse, so you can drill into one branch without scrolling past everything else. Each node shows its key, its value, and a type badge, and you can edit a value inline — the change flows straight back into the editor text.

Binary and import-only formats (Parquet, Excel, Arrow, MessagePack, CBOR, Protobuf, BSON, Safetensors, GGUF, and the X.509 certificate family) decode to a JSON preview first, so they get the same browsable tree.

Switch to the graph view to see the same structure as connected nodes laid out automatically. It turns nesting into a picture: parent objects link to their children, arrays fan out to their elements, and you can pan and zoom around the whole document. This is the fastest way to grasp the shape of an unfamiliar API response or config file at a glance.

Tabular data — CSV, ASCII tables, and the row data inside Parquet or Excel files — opens as a sortable, virtualized table. Click a column header to sort (Shift-click to add a secondary sort key), edit a cell in place, hide columns you don't need, and copy a row, a column, or the whole table as CSV. Text search only matches visible columns — hide a column and its values drop out of the match count and next/prev navigation.

Hover any cell for a value insight popover — it recognises numbers (and shows a compact form like 91.1M), ISO dates, URLs, UUIDs, JWTs, IPv4 addresses, hex colors, and embedded JSON, so a cryptic cell becomes self-explanatory.

Open the search bar in the visualizer to filter a large tree with a JMESPath query (or a plain substring). Matches are counted and you can jump between them with Prev / Next.

← All help articles · Search JSON with JMESPath · Compare two payloads · View Parquet & Excel files