⭐️ Transform data chaos into clarity with JSON Crack - the ultimate JSON visualization solution.
fork from : https://github.com/AykutSarac/jsoncrack.com.git

Aykut Saraç 848468bc96 Update README.md %!s(int64=2) %!d(string=hai) anos
.github 5a358d1222 update sponsor links %!s(int64=2) %!d(string=hai) anos
public 61bd1bf9cd delete local monaco-editor %!s(int64=2) %!d(string=hai) anos
src f2f0dd3777 update sponsor links %!s(int64=2) %!d(string=hai) anos
.eslintrc.json ed09c71d92 setup test environment %!s(int64=3) %!d(string=hai) anos
.gitignore 5a27eb123e add pwa scripts to ignore %!s(int64=3) %!d(string=hai) anos
.travis.yml 2360aa74a7 add lint to scripts %!s(int64=3) %!d(string=hai) anos
Dockerfile 8185a9c620 Add Dockerfile %!s(int64=3) %!d(string=hai) anos
LICENSE 191b692006 Create LICENSE %!s(int64=3) %!d(string=hai) anos
README.md 848468bc96 Update README.md %!s(int64=2) %!d(string=hai) anos
jest.config.ts 29c55ce754 fix testing libs versioning %!s(int64=3) %!d(string=hai) anos
jest.setup.ts ed09c71d92 setup test environment %!s(int64=3) %!d(string=hai) anos
next-env.d.ts a4da57fa41 Initial commit from Create Next App %!s(int64=3) %!d(string=hai) anos
next.config.js 073111f8b9 fix pages for widget %!s(int64=2) %!d(string=hai) anos
package.json 87fba5e410 use monaco microsoft cdn %!s(int64=2) %!d(string=hai) anos
tsconfig.json 8b2822221f convert parser into TS %!s(int64=3) %!d(string=hai) anos
yarn.lock 87fba5e410 use monaco microsoft cdn %!s(int64=2) %!d(string=hai) anos

README.md

<img width="1080" alt="jsonvisio" src="https://user-images.githubusercontent.com/47941171/182015412-f048058e-6e31-4cf6-bcfc-ab9ba3f6e005.png">

travis ci badge license badge version badge github sponsors

Simple json visualization tool for your data.

  <img width="800" src="https://jsonvisio.com/jsonvisio-screenshot.png" alt="preview 1" />

JSON Visio (jsonvisio.com)

JSON Visio is data visualization tool for your json data which seamlessly illustrates your data on graphs without having to restructure anything, paste directly or import file.

JSON Visio - Directly onto graphs

⚡️ Features

  • PWA (Progressive Web App) with offline mode support
  • Search Nodes
  • Download as image
  • Advanced Error Message
  • Save JSON locally
  • Multiple layout direction support
  • Compressed view
  • Representative colors for arrays & keys
  • Friendly UI
  • Light/Dark Mode

🛠 Development Setup

  npm install --legacy-peer-deps
  npm run dev

🐳 Docker

A Docker file is provided in the root of the repository.
If you want to run JSON Visio locally:
  
* Build Docker image with `docker build -t jsonvisio .`
* Run locally with `docker run -p 8888:80 jsonvisio`
* Go to [http://localhost:8888]

License

This project is open source and available under the MIT License.