View JSON online as an interactive tree, graph, or table
Stop scrolling raw text. Yellorn renders your data as a collapsible tree, a relationship graph, or a sortable table — and you switch views with a single shortcut.
Three ways to look at the same data
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.
The tree view (default)
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.
The graph view
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.
The table view
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.
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.
Search inside the tree
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.
Related
Where to go next
Try a fix in the editor or browse more articles.