{"id":50226846,"url":"https://github.com/bugblitz98/jsonviewer-vscode","last_synced_at":"2026-05-26T16:01:15.673Z","repository":{"id":312523094,"uuid":"1047776325","full_name":"BugBlitz98/jsonviewer-vscode","owner":"BugBlitz98","description":"JSON Graph Visualizer VS Code Extension","archived":false,"fork":false,"pushed_at":"2026-03-15T06:23:24.000Z","size":5267,"stargazers_count":2,"open_issues_count":2,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2026-03-15T15:46:51.730Z","etag":null,"topics":["developer-tools","diagram","freetooldev","json","visualization","vscode-extension"],"latest_commit_sha":null,"homepage":"https://marketplace.visualstudio.com/items?itemName=jsonviewertools.animesh-jsonviz78","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/BugBlitz98.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null},"funding":{"github":null,"patreon":null,"open_collective":null,"ko_fi":null,"tidelift":null,"community_bridge":null,"liberapay":null,"issuehunt":null,"lfx_crowdfunding":null,"polar":null,"buy_me_a_coffee":"animeshmanna","thanks_dev":null,"custom":null}},"created_at":"2025-08-31T07:46:46.000Z","updated_at":"2026-03-15T06:23:28.000Z","dependencies_parsed_at":"2025-08-31T09:21:03.989Z","dependency_job_id":"cc6de49d-33d0-4fda-a9c6-46aab2f6cba8","html_url":"https://github.com/BugBlitz98/jsonviewer-vscode","commit_stats":null,"previous_names":["bugblitz98/jsonviewer-vscode"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/BugBlitz98/jsonviewer-vscode","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BugBlitz98%2Fjsonviewer-vscode","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BugBlitz98%2Fjsonviewer-vscode/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BugBlitz98%2Fjsonviewer-vscode/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BugBlitz98%2Fjsonviewer-vscode/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/BugBlitz98","download_url":"https://codeload.github.com/BugBlitz98/jsonviewer-vscode/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BugBlitz98%2Fjsonviewer-vscode/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":33528089,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-26T15:22:16.424Z","status":"ssl_error","status_checked_at":"2026-05-26T15:22:15.568Z","response_time":63,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["developer-tools","diagram","freetooldev","json","visualization","vscode-extension"],"created_at":"2026-05-26T16:01:01.898Z","updated_at":"2026-05-26T16:01:15.660Z","avatar_url":"https://github.com/BugBlitz98.png","language":"TypeScript","funding_links":["https://buymeacoffee.com/animeshmanna"],"categories":[],"sub_categories":[],"readme":"# JSON Viewer: Interactive Graph Visualizer for VS Code\n\nVisualize JSON as **interactive graphs, trees, and diagrams** directly inside Visual Studio Code.\n\nStop scrolling through large, nested JSON files. This extension transforms raw JSON into a **clean, visual, node-based graph**, helping developers quickly understand complex data structures, debug APIs, and analyze responses.\n\nPerfect for **developers, backend engineers, API testers, and data analysts**.\n\n---\n\n![JSON Graph Visualization Demo](https://ik.imagekit.io/qsj9rwkvv/ScreenRecording2026-03-17at9-ezgif.com-video-to-gif-converter.gif)\n\n---\n\n## ✨ Features\n\n- 📊 **Interactive JSON Graph Viewer**  \n  Convert JSON into a visual graph and explore relationships instantly.\n\n- 🌳 **Tree \u0026 Structure Visualization**  \n  Understand nested objects and arrays without manual tracing.\n\n- 🔍 **Search \u0026 Highlight Nodes**  \n  Quickly find keys, values, and deeply nested data.\n\n- 🧭 **Zoom \u0026 Pan Navigation**  \n  Smooth navigation across large JSON datasets.\n\n- 📸 **Export JSON Graph as Image**  \n  Share diagrams with your team or documentation.\n\n- 🌗 **Dark \u0026 Light Theme Support**  \n  Matches your VS Code theme automatically.\n\n- 📂 **One-Click Open (Context Menu + Command)**  \n  Launch visualizer instantly from editor.\n\n- 🔐 **100% Local \u0026 Secure**  \n  No data leaves your machine.\n\n---\n\n## 🎯 Use Cases\n\n- Debug **REST API responses**\n- Explore **large JSON files**\n- Visualize **configuration files**\n- Understand **nested data structures**\n- Inspect **MongoDB / API payloads**\n- Analyze **complex JSON schemas**\n\n---\n\n## 📦 Installation\n\n1. Open **VS Code**\n2. Go to Extensions (`Ctrl+Shift+X`)\n3. Search:  \n   👉 **JSON Viewer**  \n   👉 **JSON Visualizer**  \n   👉 **JSON Graph Viewer**\n4. Click **Install**\n\n---\n\n## 🚀 Usage\n\n1. Open any `.json` file\n2. Right-click → **Open JSON Visualizer**  \n   OR  \n   Press `Ctrl+Shift+P` → Search **JSON Visualizer**\n3. View your JSON as an **interactive graph**\n\n---\n\n## 🛠 Command\n\n| Command | Description |\n|--------|------------|\n| `Open JSON Visualizer` | Open JSON as interactive graph |\n\n---\n\n## 🖼️ Screenshots\n\n![Menu](https://ik.imagekit.io/qsj9rwkvv/Screenshot%202025-08-31%20at%201.22.11%E2%80%AFPM.png?updatedAt=1756626941414)\n\n![Graph View](https://ik.imagekit.io/qsj9rwkvv/Screenshot%202026-03-17%20at%209.19.24%E2%80%AFPM.png)\n\n![Visualization](https://ik.imagekit.io/qsj9rwkvv/Screenshot%202026-03-17%20at%209.16.57%E2%80%AFPM.png)\n\n---\n\n## ⚡ Keywords (SEO)\n\njson viewer, json visualizer, json graph viewer, json tree viewer, vscode json extension, json explorer, json diagram, json data visualization, json inspector, json parser\n\n---\n\n## ☕ Support\n\nIf this tool helps you, support development ❤️  \n[Buy Me a Coffee](https://buymeacoffee.com/animeshmanna)\n\n---\n\n## 📄 License\n\nMIT License","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbugblitz98%2Fjsonviewer-vscode","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbugblitz98%2Fjsonviewer-vscode","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbugblitz98%2Fjsonviewer-vscode/lists"}