⭐️ 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 2 years ago
.github 5a358d1222 update sponsor links 2 years ago
public 61bd1bf9cd delete local monaco-editor 2 years ago
src f2f0dd3777 update sponsor links 2 years ago
.eslintrc.json ed09c71d92 setup test environment 3 years ago
.gitignore 5a27eb123e add pwa scripts to ignore 3 years ago
.travis.yml 2360aa74a7 add lint to scripts 3 years ago
Dockerfile 8185a9c620 Add Dockerfile 3 years ago
LICENSE 191b692006 Create LICENSE 3 years ago
README.md 848468bc96 Update README.md 2 years ago
jest.config.ts 29c55ce754 fix testing libs versioning 3 years ago
jest.setup.ts ed09c71d92 setup test environment 3 years ago
next-env.d.ts a4da57fa41 Initial commit from Create Next App 3 years ago
next.config.js 073111f8b9 fix pages for widget 2 years ago
package.json 87fba5e410 use monaco microsoft cdn 2 years ago
tsconfig.json 8b2822221f convert parser into TS 3 years ago
yarn.lock 87fba5e410 use monaco microsoft cdn 2 years ago

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.