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

Victor Brambati 883d3a157a Merge pull request #1 from AykutSarac/victorbrambati/main 2 年之前
.github 5a358d1222 update sponsor links 2 年之前
public f2e4b411b4 refactor code 2 年之前
src 8b5179c891 UI/UX improvements 2 年之前
.eslintrc.json ed09c71d92 setup test environment 3 年之前
.gitignore 5a27eb123e add pwa scripts to ignore 3 年之前
.travis.yml 2360aa74a7 add lint to scripts 3 年之前
Dockerfile 5eebab6f7f dockerfile improvement 2 年之前
LICENSE 191b692006 Create LICENSE 3 年之前
README.md fa85585e22 fix port in readme 2 年之前
default.conf 5eebab6f7f dockerfile improvement 2 年之前
jest.config.ts 29c55ce754 fix testing libs versioning 3 年之前
jest.setup.ts ed09c71d92 setup test environment 3 年之前
next-env.d.ts a4da57fa41 Initial commit from Create Next App 3 年之前
next.config.js 01e4643b2e code refactor 2 年之前
package.json e5fe51b9d9 auto parse links 2 年之前
tsconfig.json 8b2822221f convert parser into TS 3 年之前
yarn.lock e5fe51b9d9 auto parse links 2 年之前

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="/public/jsonvisio-screenshot.webp" 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

  • Search Nodes
  • Share links & Create Embed Widgets
  • Download/Clipboard as image
  • Upload JSON locally or fetch from URL
  • Great UI/UX
  • Light/Dark Mode
  • Advanced Error Message

🛠 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:8080 jsonvisio`
* Go to [http://localhost:8888]

License

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