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

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.