Skip to content

🔮 Seamlessly visualize your JSON data instantly into graphs; paste, import or fetch!

License

Notifications You must be signed in to change notification settings

louyongjiu/jsoncrack

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Logo

JSON Crack

The open-source JSON Editor.
Learn more »

ToDiagram · Discord · Website · Issues · VS Code

About the Project

booking-screen

Visualize JSON into interactive graphs

JSON Crack is a free, open-source data visualization app capable of visualizing data formats such as JSON, YAML, XML, CSV and more, into interactive graphs. With its intuitive and user-friendly interface, JSON Crack makes it easy to explore, analyze, and understand even the most complex data structures. Whether you're a developer working on a large-scale project or a data enthusiast looking to uncover hidden insights, JSON Crack has the tools and features you need to unlock the full potential of your data.

  • Visualizer/Viewer: Transform your data into interactive graphs or trees as you type in dark & light modes. Supports JSON, YAML, CSV, XML, and TOML.
  • Convert: Convert JSON to CSV, YAML to JSON, XML to JSON, and more. Our JSON converter supports multiple formats for easy data exchange.
  • Format & Validate: Format and beautify your JSON data to make it more readable. Validate JSON, YAML, and CSV.
  • Generate Code: Generate TypeScript interface, Golang structs, JSON Schema and more.
  • JSON Schema: Generate JSON Schema, create mock data, and validate JSON Schema from various data formats like JSON, YAML, XML, and CSV.
  • Advanced JSON Tools: Decode JWT, randomize data, execute jq (JSON Query), json path commands.
  • Download Image: Export image of the graph as PNG, JPEG, or SVG. Share your data visualization with others.
  • Secure: Your data is never stored on our servers. Everything happens on your device.

Recognition

Featured on Hacker News

JSON Crack | Product Hunt

Built With

Stay Up-to-Date

JSON Crack officially launched as v1.0 on the 17th of February 2022 and we've come a long way so far. Watch releases of this repository to be notified of future updates:

Star at GitHub

Getting Started

To get a local copy up and running, please follow these simple steps.

Prerequisites

Here is what you need to be able to run JSON Crack.

  • Node.js (Version: >=18.x)
  • Pnpm (recommended)

Development

Setup

  1. Clone the repo into a public GitHub repository (or fork https://github.com/AykutSarac/jsoncrack.com/fork). If you plan to distribute the code, read the LICENSE for additional details.

    git clone https://github.com/AykutSarac/jsoncrack.com.git
  2. Go to the project folder

    cd jsoncrack.com
  3. Install packages with yarn

    pnpm install
  4. Run the project

    pnpm dev
    
    # Running on http://localhost:3000/

Docker

🐳 A Dockerfile is provided in the root of the repository. If you want to run JSON Crack locally:

# Build a Docker image with:
docker build -t jsoncrack .

# Run locally with `docker run`
docker run -p 8888:8080 jsoncrack

# Run locally with `docker-compose`
docker-compose up -d

# Go to http://localhost:8888

Contributing

Please see our contributing guide.

Good First Issues

We have a list of help wanted that contain small features and bugs which have a relatively limited scope. This is a great place to get started, gain experience, and get familiar with our contribution process.

Contributors

License

See LICENSE for more information.

About

🔮 Seamlessly visualize your JSON data instantly into graphs; paste, import or fetch!

Resources

License

Code of conduct

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 93.7%
  • JavaScript 6.1%
  • Dockerfile 0.2%