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 9 hours 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 (over 2 years ago)
• Default Branch: master
• Last Pushed: 2024-03-25T16:09:39.000Z (10 months ago)
• Last Synced: 2024-12-28T18:14:44.690Z (7 days ago)
• Topics: extension, jsoncrack, react, typescript, vscode
• Language: TypeScript
• Homepage: https://marketplace.visualstudio.com/items?itemName=AykutSarac.jsoncrack-vscode
• Size: 1.8 MB
• Stars: 462
• Watchers: 8
• Forks: 54
• Open Issues: 29
• 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 `yarn install`

2. Run `yarn build`

3. Press **F5** to debug

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