https://github.com/zuramai/jsonvis

SVG JSON Visualizer
https://github.com/zuramai/jsonvis

hacktoberfest json svg typescript visualization vite

Last synced: over 1 year ago
JSON representation

SVG JSON Visualizer

• Host: GitHub
• URL: https://github.com/zuramai/jsonvis
• Owner: zuramai
• License: mit
• Created: 2022-10-04T09:51:19.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2022-12-16T02:52:40.000Z (over 3 years ago)
• Last Synced: 2025-03-01T02:33:27.957Z (over 1 year ago)
• Topics: hacktoberfest, json, svg, typescript, visualization, vite
• Language: TypeScript
• Homepage: https://zuramai.github.io/jsonvis
• Size: 117 KB
• Stars: 40
• Watchers: 4
• Forks: 6
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
JSON Visualizer


![ss](https://user-images.githubusercontent.com/45036724/194799745-ddd35971-2c2f-4c60-9110-72ca67ff5b0b.png)





Demo







	

	 

	

	





💻 Installation


1. Clone this project

   ```bash

   git clone https://github.com/zuramai/jsonvis

   cd jsonvis

   ```

2. Install dependencies and run

   ```bash

   pnpm install -r

   pnpm js:dev & pnpm dev 

   ```

3. Usage

   ```js

   let data = {} // put your data here

   const svg = document.querySelector('#visualizer')

   const vis = createVisualizer(svg, data)

   ```



🤝 Contribution


I really appreciate contributions, issues and feature requests because this application is far from perfect. Feel free to pull requests and make changes to this project.

Since I finished this project myself, but there are many features and many things that can be improved, I really appreciate your help.



📝 License


MIT license