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

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

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 a tool that generates graph diagrams from JSON objects. These diagrams are much easier to navigate than the textual format and to make it even more convenient, the tool also allows you to search the nodes. Additionally, the generated diagrams can also be downloaded or clipboard as image.

You can use the web version at jsonvisio.com or also run it locally as Docker container.

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.