https://github.com/aykutsarac/jsoncrack-vscode

VS Code extension of JSON Crack. Convert your JSON files into graphs with a single click and view them onto graphs.
https://github.com/aykutsarac/jsoncrack-vscode

extension jsoncrack react typescript vscode

Last synced: about 1 year ago
JSON representation

VS Code extension of JSON Crack. Convert your JSON files into graphs with a single click and view them onto graphs.

• Host: GitHub
• URL: https://github.com/aykutsarac/jsoncrack-vscode
• Owner: AykutSarac
• License: mit
• Created: 2022-09-17T12:16:50.000Z (almost 4 years ago)
• Default Branch: master
• Last Pushed: 2025-02-03T08:33:38.000Z (over 1 year ago)
• Last Synced: 2025-04-08T01:35:11.625Z (about 1 year ago)
• Topics: extension, jsoncrack, react, typescript, vscode
• Language: TypeScript
• Homepage: https://marketplace.visualstudio.com/items?itemName=AykutSarac.jsoncrack-vscode
• Size: 2.05 MB
• Stars: 510
• Watchers: 7
• Forks: 59
• Open Issues: 33
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE.md

Awesome Lists containing this project

README

          
  

  



JSON Crack is a powerful and innovative VS Code extension designed to revolutionize the way you interact with JSON data. Seamlessly bridging the gap between data and visualization, this extension empowers developers, data analysts, and enthusiasts to effortlessly transform complex JSON datasets into informative and visually appealing graphs.

This is an extension brought by [jsoncrack.com](https://jsoncrack.com).

## How to use?

1. Install the JSON Crack extension from the [VS Code marketplace](https://marketplace.visualstudio.com/items?itemName=AykutSarac.jsoncrack-vscode).

2. Open a JSON file.

3. Click on the JSON Crack icon (![icon](https://github.com/AykutSarac/jsoncrack-vscode/assets/47941171/c72ad25a-3b3e-40a5-b551-4a113794795c)) in the menubar.

4. Watch as your JSON data transforms into insightful graphs.



## Contributing

1. Run `pnpm install`

2. Run `pnpm build`

3. Press **F5** to debug

For every change at codebase you should re-do the steps **2 and 3**.