{"id":25238604,"url":"https://github.com/haknkayaa/jsonvisualizerforvscode","last_synced_at":"2026-05-18T06:34:23.133Z","repository":{"id":276198256,"uuid":"928401923","full_name":"haknkayaa/JSONVisualizerForVSCode","owner":"haknkayaa","description":"Visualize JSON data as interactive diagrams","archived":false,"fork":false,"pushed_at":"2025-02-06T20:56:46.000Z","size":311,"stargazers_count":0,"open_issues_count":1,"forks_count":1,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-05T19:36:00.034Z","etag":null,"topics":["json","visual-studio","visual-studio-code","visualization","vscode"],"latest_commit_sha":null,"homepage":"https://marketplace.visualstudio.com/items?itemName=haknkayaa.json-visualizer","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/haknkayaa.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"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}},"created_at":"2025-02-06T15:23:58.000Z","updated_at":"2025-02-06T20:56:50.000Z","dependencies_parsed_at":"2025-02-06T21:19:30.980Z","dependency_job_id":"e0f7b8b2-1080-4b1e-940c-acabd8b11992","html_url":"https://github.com/haknkayaa/JSONVisualizerForVSCode","commit_stats":null,"previous_names":["haknkayaa/jsonvisualizerforvscode"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/haknkayaa%2FJSONVisualizerForVSCode","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/haknkayaa%2FJSONVisualizerForVSCode/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/haknkayaa%2FJSONVisualizerForVSCode/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/haknkayaa%2FJSONVisualizerForVSCode/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/haknkayaa","download_url":"https://codeload.github.com/haknkayaa/JSONVisualizerForVSCode/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247393560,"owners_count":20931809,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","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":["json","visual-studio","visual-studio-code","visualization","vscode"],"created_at":"2025-02-11T17:52:24.079Z","updated_at":"2026-05-18T06:34:23.120Z","avatar_url":"https://github.com/haknkayaa.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# JSON Visualizer\n\nVisualize JSON files as interactive node graphs directly inside VS Code.\n\nJSON Visualizer helps you inspect nested payloads faster, expand escaped JSON strings in place, and export the result when you need to share or document a structure.\n\n## Features\n\n- Open a graph view for any `.json` file from the editor title bar\n- Explore nested objects and arrays with a zoomable, pannable layout\n- Parse escaped JSON strings without leaving the preview\n- Hide, unhide, collapse, and expand nodes from the node context menu\n- Export the current graph as `PNG`\n- Export the current structure as `YAML`\n\n## Quick Start\n\n1. Install `JSON Visualizer` from the VS Code Marketplace.\n2. Open any `.json` file in VS Code.\n3. Click `Preview JSON` in the editor title bar.\n4. Explore the graph and use the controls to zoom, fit, or export.\n\nYou can also open the preview from the Command Palette with `Preview JSON`.\n\n## Screenshots\n\nBasic object visualization:\n\n![Basic object graph](images/basic-object.png)\n\nDeep nested data:\n\n![Deep tree graph](images/deep-tree.png)\n\nEscaped JSON parsed inside the preview:\n\n![GraphQL request graph](images/graphql-request.png)\n\n## Typical Workflow\n\n1. Open a JSON document.\n2. Launch `Preview JSON`.\n3. Move around the graph with pan and zoom controls.\n4. Right-click nodes to simplify the view.\n5. Expand string values that contain nested JSON.\n6. Export the final result as `PNG` or `YAML`.\n\n## Requirements\n\n- VS Code `1.96.0` or newer\n\n## Commands\n\n- `Preview JSON`: Open the visual preview for the active JSON file\n\n## Privacy\n\nJSON Visualizer does not send your JSON anywhere. Rendering, parsing, and exports stay local in VS Code.\n\n## Support\n\n- Report an issue: [GitHub Issues](https://github.com/haknkayaa/JSONVisualizerForVSCode/issues)\n- Request a feature: [New feature request](https://github.com/haknkayaa/JSONVisualizerForVSCode/issues/new?title=Feature%3A+)\n\n## Development\n\nDevelopment notes, local setup, and test commands live in [docs/development.md](docs/development.md).\n\n## License\n\n[MIT](LICENSE)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhaknkayaa%2Fjsonvisualizerforvscode","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fhaknkayaa%2Fjsonvisualizerforvscode","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhaknkayaa%2Fjsonvisualizerforvscode/lists"}