Skip to content

BugBlitz98/jsonviewer-vscode

Repository files navigation

JSON Viewer: Interactive Graph Visualizer

Visualize your JSON data in beautiful, interactive graphs directly inside VS Code!
This extension is designed for developers who work with complex JSON structures and want an intuitive way to explore them visually.


JSON Graph Visualization Demo

✨ Features

  • 📂 Open JSON Visualizer command to quickly visualize your JSON files.
  • 📊 Interactive Graph View – Easily navigate through complex JSON structures with a graph-based interface.
  • 🎯 Focused for JSON Only – Built specifically for JSON visualization, no extra clutter.
  • 🔍 Zoom, pan, and expand/collapse nodes for better data exploration.

📦 Installation

  1. Open VS Code
  2. Go to the Extensions view by clicking on the Extensions icon in the Activity Bar or pressing Ctrl+Shift+X.
  3. Search for "JSON Viewer: Interactive Graph Visualizer"
  4. Click Install.

🚀 Usage

  1. Open any .json file in VS Code.
  2. Run the Open JSON Visualizer command:
    • Open the Command Palette (Ctrl+Shift+P or Cmd+Shift+P on Mac).
    • Search for Open JSON Visualizer.
  3. See your JSON displayed as an interactive graph!

🔧 Requirements

  • VS Code v1.70.0 or higher
  • A valid .json file

🛠 Commands

Command Description
Open JSON Visualizer Opens the JSON visualizer graph window.

🖼️ Screenshots

JSON Graph Visualization Menu

JSON Graph Visualization


Support Development: If you find this extension useful, you can buy me a coffee to support its development!

Buy Me a Coffee


📄 License

MIT License