JSON Visualizer

Explore you data like a wizard

checkout the website at https://jsonvisualizer-v2.web.app/

Dev Under Progress

This application container two main features

VISUALIZE

this is a node flow type of visualization, Put you json in the editor, And see the magic

COMPARE

In this module, you cam compare and see differences between the text

• Formatting is available
• Syntax highlight
• Choose your own colors for the difference highlight
• Switch contents of you original and the comparing text with just a click
• Multiple language options
  • Plain Text
  • Javascript
  • Typescript
  • JSON
  • XML
  • HTML
  • CSS
  • SCSS
  • YAML

Techs used

The app use REACT (Typescript) for frontend and Zustand for the state management.

Built this tool to learn REACT. Where's fun in learning something without building something.

So thank my enthu for creating this wonderful application and also, @jsoncrack repo which gave this project idea. This is my own implementation using RAW Data Structures. So, No complaints on Performance difference or features ;)

What's differenct from the project's inspiration ?

• Better relative postitioning (Achieved with close parsing on on Raw json)
• Better fault tolerance