Graph view
The Graph view draws the structure of a JSON document rather than its values. Each box is one path shape, such as $.orders[*].customer.email: every element of an array is merged into one [*] box, and every object at the same place contributes its keys to the same boxes. A file with a million similar records therefore shows as a small graph of its fields.
The Graph view is available for JSON files. Select Graph in the view switcher. It always shows the whole document.
Read the graph
Section titled “Read the graph”The graph is a tree laid out from left to right, with the root $ on the left. Each box shows:
- A colored dot for the box’s most common type, ignoring
null. The colors are those of the Tree view: object, array, string, number, boolean. - The key, shortened after 24 characters. Array elements show as
[*], or[N]when the exact length is known. - A dashed border when the field is missing from some of the objects that could have it.
…after the box when the graph stopped short of all its children; see Sampling.
Hover over a box to see its full path. The counter at the top shows how many shapes the graph has.
To move around, drag the canvas and use the mouse wheel to zoom. Reset view returns to the starting position and zoom.
Depth: sets how many levels the graph shows, from 1 to 8. It starts at 4. Changing it rebuilds the graph.
Details card
Section titled “Details card”Click a box to open its details card. Click the empty canvas, or press Esc, to close it.
| Section | Shows |
|---|---|
| Path | The full path of the shape |
| Kinds | The share of each type among the sampled values, as a bar and as percentages |
| Presence | How many of the sampled parent objects have this key, for example “In 230 of 256 sampled (90%)” |
| Array length | For an array: its exact length when known, otherwise the shortest, longest, and average sampled length |
| Sample values | Up to 5 different values |
A field with mixed types, such as a price that is sometimes a string, shows more than one entry under Kinds. A field with presence under 100% is optional in the data.
Show a path in the tree
Section titled “Show a path in the tree”To see real data for a shape, double-click its box, or select Show in tree in the details card. JSON Digger switches to the Tree view and selects the first value with that path.
Sampling
Section titled “Sampling”The graph reads a sample of each large array rather than every value. The percentages under Kinds and Presence, and the array lengths, describe the sample, not every value. To count a field exactly, use Key frequency or a query.
When the depth or the size of the graph cut it short, a Partial badge appears at the top. Hover over it for the reason. The sample sizes are listed in Limits.
To save the graph as an image, see Capture the view.