JSON Lens is an open-source data visualization app which allows visualization of JSON in the form of interactive graphs. It works in Web and VSCode.

Web Preview

VSCode Preview

• Dark/Light mode
• Graph mode
• Export JSON
• Download graphs in PNG, SVG and JPEG formats
• Zoom and panning support
• Import Data from URLs or File System
• PWA Support

• Next.js – Framework
• TypeScript – Language
• Tailwind – CSS
• Turborepo – Monorepo
• ReactFlow - Visualization
• Zustand - State Management
• Vercel – Deployments

• Support other formats like YAML, TOML and XML
• Show Node Details like json path
• Offline Support

Feel free to create an issue for feature requests or suggestions.

Please give a ⭐️ if this project helped you!

Shared my learnings on how I built the application in this playlist

• https://jsoncrack.com/
• https://www.jsonsea.com/