I found a JSON visualization tool artifact. I love it!

Click on the official account , Practical technical articles Know in time

brief introduction

JSON Hero It's a simple and practical JSON Tools , By introducing the beautiful UI And enhanced additional features , Make reading and understanding JSON Documentation becomes easier 、 intuitive .

Support multiple views for viewing JSON： Column view 、 Tree view 、JSON View etc. Column view is supported by macOS Finder Inspired by the creation of a browsing JSON A new way to document

Project address ：

https://github.com/jsonhero-io/jsonhero-web

install

To run locally JSON Hero, First clone Source code , And install dependencies ：

git clone https://github.com/jsonhero-io/jsonhero-web.git
cd jsonhero-web
npm install

Then run the following command to start , open http://localhost:8787 You can use ：

npm start

Use

Go to https://jsonhero.io/ And will JSON Drag and drop files onto the web site , Or paste in the form provided JSON or JSON url

Content preview

JSON Hero Will automatically infer the contents of the string , And provide useful previews and properties for the selected values .

Date and time

Photo URL

Website URL

JSON URL

Tree view

This is also the most used , The tree structure can be clearly displayed , Look at a set of pictures ：

And support for JSON Search the data in the data ：

The key is coming. ！

When you finish editing or reviewing the data , It needs to be shared with the front end , You don't have to copy all the data , You only need to generate the specified link , This is very convenient .

Overall, ,JSON Hero Support multiple attempts to view JSON data , Support at the same time VS Code Such as extension , I believe that we should always deal with JSON My little friend said , It is a very awesome tool .

recommend

Java Interview questions

Technical involution group , Learn together ！！

PS： Because the official account platform changed the push rules. , If you don't want to miss the content , Remember to click after reading “ Looking at ”, Add one “ Star standard ”, In this way, each new article push will appear in your subscription list for the first time . spot “ Looking at ” Support us ！