Menu

Post image 1
Post image 2
Post image 3
Post image 4
1 / 4
0

Tired of messy JSON? I made a tool that visualizes your data as both a tree and a pannable graph. 🚀

DEV Community·Dipankar Das·25 days ago
#4VET2tJE
#javascript#showdev#tooling#webdev#json#tree
Reading 0:00
15s threshold

Dipankar Das

Hey everyone! 👋

I’ve always found it a bit painful to debug deeply nested JSON files, so I decided to build my own visualizer. Instead of just a boring list, I wanted something more interactive and visual.

I call it JSON Tree Viewer.

Live Demo: https://debabratasaha-dev.github.io/JSON-tree-viewer/
GitHub Repo: https://github.com/debabratasaha-dev/JSON-tree-viewer

Key Features:
🕸️ Dual View: Switch between a classic interactive Tree View and a zoomable Graph View.
🔍 Interactive Graph: Drag, pan, and zoom to explore complex JSON structures visually.
🎨 Modern UI: Built with a glassmorphism sidebar, smooth animations, and a sleek dark mode.
🏷️ Smart Tagging: Automatically detects data types (Strings, Numbers, Objects, etc.) with clean icons.
🚀 Lightweight: Zero heavy frameworks—just pure HTML, CSS, and JavaScript.
I’d love to hear your feedback! What features should I add next? If you find it useful, I’d really appreciate a ⭐️ on GitHub!

Read More