# JSON Viewer

> Turn JSON, YAML and CSV into interactive diagrams for developers

Canonical: https://productsfarm.com/product/json-viewer
Last updated: 2026-11-14

JSON Viewer is a browser-based tool that turns JSON, YAML, XML, CSV, TOML and TOON into interactive node-edge diagrams. Graph, collapsible tree and table views show the same data, and values can be edited inside diagram nodes with the raw syntax updating to match.

Users can compare payload versions with a visual diff that marks added, deleted and changed fields, and validate data against JSON Schema drafts 7 and 2020-12 with errors highlighted on the diagram. A Chrome extension and a VS Code extension are also offered, along with native apps for Android and iOS.

Processing runs on the user's device, according to the site, and the free plan covers viewing and exploring with PNG downloads. Paid plans add features such as SVG and PDF export, ad-free use, saved cloud diagrams and an AI assistant. The tool is aimed at developers, engineering leads and data analysts.

## Facts

- Website: https://jsonviewer.tools/
- Categories: [Developer tools](https://productsfarm.com/c/developer-tools), [Analytics](https://productsfarm.com/c/analytics)
- Pricing: Freemium
- Platforms: iOS, Android, Chrome extension, Web, API
- Made for: developers, data analysts, engineering leads
- Built with: [Next.js](https://productsfarm.com/tech-stack/nextjs), [React](https://productsfarm.com/tech-stack/react), [Netlify](https://productsfarm.com/tech-stack/netlify), [Lemon Squeezy](https://productsfarm.com/tech-stack/lemon-squeezy), [Google Analytics](https://productsfarm.com/tech-stack/google-analytics), [Tailwind CSS](https://productsfarm.com/tech-stack/tailwind-css)
- Made by: [Bug Blitz](https://productsfarm.com/u/bugblitz)
- Elsewhere: [X](https://x.com/JsonViewer7471)

## On ProductsFarm

- Launched in Week 53 · Dec 28, 2026–Jan 3, 2027