// the find
AykutSarac/jsoncrack.com
✨ Innovative and open-source visualization application that transforms various data formats, such as JSON, YAML, XML and CSV into interactive graphs.
JSON Crack visualizes JSON, YAML, XML, and CSV as interactive node graphs in the browser. All processing is client-side. It's useful for debugging deeply nested API responses or config files where a text editor just isn't enough.
The monorepo ships three distinct distribution targets — web app, VS Code extension, and Chrome extension — all sharing the same core rendering package (`jsoncrack-react`), which is also published to npm for embedding. The `jsoncrack-react` package has its own test suite covering the parser and canvas helpers, so the graph logic isn't completely untested. Code generation to TypeScript interfaces, Go structs, Rust serde types, and others is genuinely useful when you're reverse-engineering an undocumented API payload. jq and JSONPath query support inside the tool means you can explore large documents without leaving the visualizer.
The `jsoncrack-react` npm package embeds the visualization via iframe, which is a strange choice — it means consumers have no real control over the rendering and are shipping a hidden dependency on the hosted app. Large documents hit a hard node limit (`NEXT_PUBLIC_NODE_LIMIT` in `.env`) and the graph gets unwieldy well before that ceiling; there's no meaningful way to collapse subtrees in bulk or filter the view. The project is increasingly a funnel for the commercial ToDiagram product — the README leads with that link and sponsorship goes through it — so the open-source version may not see the same feature investment going forward. No collaborative or shareable link feature without the hosted app, which is a miss for teams.