JSON Space Analyzer

or click here to load an example file

FAQ

What is this?

This is a tool that visualizes the size of the values in a JSON document. It's meant for situations where you're dealing with JSON data that's larger than you expected, and you want to know what's taking up the space.

Why aren't some parts of my JSON showing up?

The sunburst visualization is configured to only render slices with angles greater than 0.05 degrees. If the values at a given depth in your file span a great enough range, then the slices representing the smallest keys will not be rendered.

Who made this?

James did.
The font is Berkeley Mono by Berkeley Graphics.
The colors are from Flexoki by Steph Ango.
The sunburst visualization is from Vasco Asturiano and was made with D3.

Why did you make this?

I was trying to figure out why some JSON files were so large at work. I was able to answer some my of questions by inspecting the files manually and by using jq but I wanted a tool that would help me quickly visually identify the issue, similar to tools like Disk Usage Analyzer.

Inspired by single-purpose web tools like speedscope, I decided to make something similar for visualizing JSON documents.

Can I see the source code?

Yes. The source code is MIT licensed and available here on GitHub.

What should I do if I find a bug?

Please create a new Issue on GitHub, or email me if you don't use GitHub.

Are there other tools like this out there?

Yes! Here's a similar one from DebugBear. There are probably more out there that I just haven't found yet.