Skip to content
| Marketplace
Sign in
Visual Studio Code>Programming Languages>JSON Viewer ToolsNew to Visual Studio Code? Get it now.
JSON Viewer Tools

JSON Viewer Tools

JSON Viewer: Interactive Graph Visualizer

|
8 installs
| (0) | Free
Visualize JSON into interactive graphs
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

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.


✨ 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


📝 Changelog

See CHANGELOG.md for details.


📄 License

MIT License

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft