Vercel
jsontree.vercel.app
Json Tree Viewer
Visualisation tool for json in a graph and tree form
JSON Formatter
jsonformatter.org › json-viewer
JSON Viewer Online Best and Free
Secure JSON Viewer is online JSON Viewer tool to Visualize JSON data in Tree View.
Videos
Visualize JSON Data In VS Code - YouTube
04:32
Building a GUI-Based JSON Viewer Using Python's Tkinter Treeview ...
Create an interactive tree structure from json using D3 ...
JsonTree - FREE and EASY JSON visualizer using Javascript ...
00:56
Microsoft Edge | The JSON viewer - YouTube
Powerful JSON Visualizer — Explore & Understand Your Data in Tree/Graph View
Cool More on reddit.com
13
7
January 7, 2026JSON viewer
Looks useful! Some feedback: Add a button to load example json so people can play around with it. When I copy the path I expect to be able to put it in the filter above and get the key/value Special characters aren't decoded in the output. { "name": "Louis' JSON tool & more"} becomes {"name": "Louis' JSON tool & more"} Link to documentation and source code on Github. More on reddit.com
17
16
February 13, 2025Janice: A desktop app for viewing large JSON files.
If you decide to do this for yaml, please consider the name Yamila. More on reddit.com
24
65
April 18, 2024Any good JSON viewer? I want to know the structure of a JSON file (so many nested layers) and navigate down like a tree.
VSCode already formats JSON files as a tree, by default. You can collapse any object or array using the down-caret icons between the line numbers and the code (they only appear when you hover in that area). If your document is unformatted (i.e. no line breaks) you can use the VSCode command "Format Document" from the command palette. Not sure what other functionality besides this you would want. More on reddit.com
1
1
May 28, 2020JSON Viewer
jsonviewer.stack.hu
Online JSON Viewer and Formatter
JSON Viewer and Formatter - Convert JSON Strings to a Friendly Readable Format
JSON Editor Online
jsoneditoronline.org
JSON Editor Online: edit JSON, format JSON, query JSON
Online JSON editor and JSON viewer · Text mode, tree mode, and table mode · JSON formatter and JSON beautifier · Query and transform JSON · Compare JSON documents · Repair JSON documents · JSON Schema validation · Load, save and share JSON online · JSON to CSV converter ·
Visual Studio Marketplace
marketplace.visualstudio.com › items
JSON tree - Visual Studio Marketplace
Extension for Visual Studio Code - Effortlessly visualize JSON structures as dynamic tree diagrams
10015
10015.io › tools › json-tree-viewer
JSON Tree Viewer: View JSON Data in Tree Structure Online | 10015 Tools
JSON Tree Viewer is a free online tool for converting raw JSON data into JSON tree view. JSON (JavaScript Object Notation) is a tree-like data format where subbranches may be nested in parent branches.
JSON Crack
jsoncrack.com
JSON Crack | Online JSON Viewer - Transform your data into interactive graphs
Upload your JSON file, URL, or type your data directly into our easy-to-use text editor. Your data will automatically be turned into a visual tree graph so you can quickly understand your data at a glance.
CodeBeautify
codebeautify.org › jsonviewer
Best JSON Viewer and JSON Beautifier Online
It's also an online JSON file viewer. Upload the file and view it online. Step 1: Click on File Button at the top center of this page. It will open the file selection dialog of the operating system. Step 2: Select the JSON file. This tool will show the JSON in the parent node tree.
JSONLint
jsonlint.com › json-tree
JSON Tree Viewer - Visualize JSON Structure Online | JSONLint | JSONLint
Visualize JSON data as an interactive tree structure. Expand/collapse nodes, explore nested objects, and understand complex JSON hierarchies.
npm
npmjs.com › package › react-json-tree
react-json-tree - npm
March 1, 2025 - React JSON Viewer Component, Extracted from redux-devtools. Supports iterable objects, such as Immutable.js. import { JSONTree } from 'react-json-tree'; // If you're using Immutable.js: `npm i --save immutable` import { Map } from 'immutable'; // Inside a React component: const json = { array: [1, 2, 3], bool: true, object: { foo: 'bar', }, immutable: Map({ key: 'value' }), }; <JSONTree data={json} />;
» npm install react-json-tree
Published Mar 01, 2025
Version 0.20.0
Author Shu Uesugi
Repository https://github.com/reduxjs/redux-devtools
Reddit
reddit.com › r/json › powerful json visualizer — explore & understand your data in tree/graph view
r/json on Reddit: Powerful JSON Visualizer — Explore & Understand Your Data in Tree/Graph View
January 7, 2026 -
Hey folks! If you work with JSON often and need an easy way to explore complex structures, check out this JSON Visualizer. Paste your JSON and instantly view it in a clean interactive tree/graph view — perfect for debugging, learning, or just understanding nested data.
👉 https://jsonmaster.com/json-visualizer
Would love to hear what features you’d add!
GitHub
github.com › summerstyle › jsonTreeViewer
summerstyle/jsonTreeViewer: json formatter/viewer/pretty- ...
A simple json formatter/viewer based on jsonTree library and app.js framework. ... A simple lightweight pure-javascript library for drawing tree of json-nodes from json-object.
Starred by 332 users
Forked by 98 users
Languages JavaScript 74.9% | HTML 18.8% | CSS 6.3%
Tulip
support.tulip.co › docs › json-tree-viewer-widget
json Tree Viewer Widget
April 10, 2024 - The json tree viewer widget provides a simple way to easily view nested object structures with a simple tree visual.
Chrome Web Store
chromewebstore.google.com › detail › json-viewer-pro › eifflpmocdbdmepbjaopkkhbfmdgijcc
JSON Viewer Pro - Chrome Web Store
A completely free extension to visualise JSON response in awesome Tree and Chart view with great user experience and options. It has lot of unique features which makes it a must have JSON formatter for beginner to advance users.
Jsontreeview
jsontreeview.org
JSON Tree Viewer
JSON Tree Viewer is quick and easy tool to prettify your JSON text and view JSON text in a DOM tree.
Visual Studio Marketplace
marketplace.visualstudio.com › items
JSON Tree View - Visual Studio Marketplace
Extension for Visual Studio Code - Generate a tree view from json file
Reddit
reddit.com › r/webscraping › json viewer
r/webscraping on Reddit: JSON viewer
February 13, 2025 -
What kind of JSON viewer do you use?
Often when scraping data you will encounter JSON. What kind of tools do you use to work with the JSON and explore it.
Most of the tools I found were either too simple or too complex, so I made my own one: https://jsonspy.pages.dev/
Here are some features why you might consider using it:
Free without ads
JSON syntax highlighting
Collapsible JSON tree
Click on keys to copy the JSON path or value to copy it
Automatic light/dark theme
JSON search: type to filter keys or values within the JSON
Format and copy JSON
File upload (stays local)
History recording (stays local)
Shareable URLs (JSON baked into the URL)
Mobile friendly
I mostly made this for myself, but might be useful to someone else. Open to suggestions for improvements and also looking for possible alternatives if you're using one.
Top answer 1 of 5
3
Looks useful! Some feedback: Add a button to load example json so people can play around with it. When I copy the path I expect to be able to put it in the filter above and get the key/value Special characters aren't decoded in the output. { "name": "Louis' JSON tool & more"} becomes {"name": "Louis' JSON tool & more"} Link to documentation and source code on Github.
2 of 5
3
Notepad++ plugin. Simply, easy, can hover over other browser windows.
Jsontr
jsontr.ee
JSON Formatter, Validator & Viewer Online | JSON Tree | JSONtr.ee
Create a JSON tree diagram with JSONtr.ee | A powerful online tool to format, validate, and visualize your JSON data. Easily debug, clean, and explore your JSON with our user-friendly interface.
JSON Formatter
jsonformatter.org
Best JSON Formatter and JSON Validator: Online JSON Formatter
JSON Formatter and JSON Validator help to auto format JSON and validate your JSON text. It also provides a tree view that helps to navigate your formatted JSON data.
Jsonhero
jsonhero.io
JSON Hero - a beautiful JSON viewer for the web
Automatically generates JSON Schema (draft 2020-12) from your JSON.