react-json-to-graph v0.0.6

JSON to Graph Viewer

Introduction

JSON to Graph Viewer is a simplified version of JSON Crack built with pure React, Zustand for state management, ShadCN UI components, and the Monaco Editor for code editing. This tool allows you to visualize JSON data as an interactive graph entirely in the browser, ensuring complete data privacy with no risk of data leakage.

This project is designed as a learning resource for developers interested in creating a JSON visualization tool from scratch using modern React technologies.

SourceCode(MIT license)

https://github.com/Guo-astro/react-json-graph

Features

Pure React Implementation using ReactFlow. State Management with Zustand: Lightweight and easy-to-use state management. ShadCN UI Components: Stylish and accessible UI components. Monaco Editor Integration: Advanced code editor with syntax highlighting and IntelliSense. Browser-Based: Runs entirely in the browser with no backend dependencies.

Demo

Check out the live demo to see the JSON to Graph Viewer in action.