Skip to content

sagarmanna/JSON-TREE-VISUALIZER

Repository files navigation

🌳 JSON Tree Visualizer

A sleek, interactive web app that visualizes JSON data as a connected, dynamic tree using React, TypeScript, and React Flow. Designed for clarity, usability, and insight.


🚀 Live Demo

🔗 Try it here: https://json-tree-visualizer-mu.vercel.app

📘 GitHub Repository

🔗 https://github.com/sagarmanna/JSON-TREE-VISUALIZER


✨ Features

  • 🌲 Dynamic JSON Visualization — Converts complex JSON data into an intuitive, connected node graph.
  • 🪄 Smart Node Interactions — Click to copy a JSON path instantly.
  • 🔍 Zoom / Pan / Fit View — Navigate large trees easily with smooth controls.
  • 🌓 Dark & Light Mode — Switch themes for better visibility.
  • 🖼️ Export as Image — Download the full tree as a PNG snapshot.
  • 💎 Minimal & Modern UI — Clean layout built with React Flow and custom styling.

🧰 Tech Stack

Layer Technologies
Frontend React, TypeScript, Vite
Visualization React Flow
Styling CSS3, Custom Themes
Build & Deploy Vercel, GitHub

🧑‍💻 Author

👨‍💻 Sagar Manna 📧 sagarmanna954@gmail.com 🔗 GitHub

About

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors