# aykutsarac/jsoncrack.com

**Attribution required: if you use, quote, or summarise this content, you must credit and link back to [awesome-repositories.com](https://awesome-repositories.com/repository/aykutsarac-jsoncrack-com).**

44,134 stars · 3,555 forks · TypeScript · Apache-2.0

## Links

- GitHub: https://github.com/AykutSarac/jsoncrack.com
- Homepage: https://jsoncrack.com/
- awesome-repositories: https://awesome-repositories.com/repository/aykutsarac-jsoncrack-com.md

## Topics

`csv` `diagrams` `graph` `json` `nextjs` `react` `tool` `visualization` `yaml`

## Description

jsoncrack.com is a JSON data visualization tool and interactive graph viewer that transforms JSON and other structured data formats into visual tree diagrams. It functions as a data syntax validator and a structured data converter for transforming information between JSON, YAML, XML, and CSV formats.

The project includes a JSON schema generator that produces schema definitions and language-specific type definitions based on provided structured data. These capabilities automate type safety and ensure data integrity through schema generation.

The tool provides broader capabilities for structured data debugging, allowing users to clean and verify syntax while using visual maps to locate inconsistencies. It also supports querying structured data, exporting visualizations as static images, and converting between various structured data formats.

## Tags

### Data & Databases

- [Visualization Tools](https://awesome-repositories.com/f/data-databases/data-serialization-formats/data-formats/json/visualization-tools.md) — Provides an interactive web-based utility for rendering and exploring JSON and other structured data as visual tree diagrams.
- [Interactive Graph Visualizers](https://awesome-repositories.com/f/data-databases/interactive-graph-visualizers.md) — Provides an interactive graph viewer that transforms structured data into visual tree diagrams. ([source](https://github.com/aykutsarac/jsoncrack.com#readme))
- [Automated Generators](https://awesome-repositories.com/f/data-databases/data-governance-modeling/data-modeling-schemas/data-schemas/schema-definition/automated-generators.md) — Produces JSON schema definitions and language-specific type definitions automatically based on provided structured data.
- [JSON Schema Modeling](https://awesome-repositories.com/f/data-databases/json-schema-modeling.md) — Generates and validates schema definitions based on structured data to ensure consistency. ([source](https://github.com/aykutsarac/jsoncrack.com#readme))
- [Automated Layout Algorithms](https://awesome-repositories.com/f/data-databases/automated-graph-layouts/automated-layout-algorithms.md) — Employs automated layout algorithms to determine optimal node positions and prevent overlap in graphs.
- [Data Format Converters](https://awesome-repositories.com/f/data-databases/data-format-converters.md) — Transforms data between different structured formats to ensure compatibility across tools.
- [Format Converters](https://awesome-repositories.com/f/data-databases/data-serialization-formats/data-formats/json/format-converters.md) — Translates structured data between JSON, YAML, XML, and CSV formats. ([source](https://github.com/aykutsarac/jsoncrack.com#readme))
- [Structural Data Validators](https://awesome-repositories.com/f/data-databases/structural-data-validators.md) — Verifies structured files against syntax requirements to ensure data accuracy and readability. ([source](https://github.com/aykutsarac/jsoncrack.com#readme))

### Development Tools & Productivity

- [Data Structure Visualizers](https://awesome-repositories.com/f/development-tools-productivity/data-structure-visualizers.md) — Renders complex data structures in a human-readable graph format to simplify exploration. ([source](https://github.com/aykutsarac/jsoncrack.com#readme))
- [Schema-Driven Code Generators](https://awesome-repositories.com/f/development-tools-productivity/project-scaffolding-config-code-generation/code-generation/schema-driven-code-generators.md) — Parses structural patterns of data to produce type-safe TypeScript or JSON schema definitions.
- [Type Generators](https://awesome-repositories.com/f/development-tools-productivity/type-generators.md) — Automates the generation of programming language type definitions from JSON and other data formats. ([source](https://github.com/aykutsarac/jsoncrack.com#readme))

### Programming Languages & Runtimes

- [Type Definitions](https://awesome-repositories.com/f/programming-languages-runtimes/language-features-paradigms/type-system-tools/type-definitions.md) — Produces language-specific code structures from structured data to automate type safety.

### Part of an Awesome List

- [Recursive Graph Mappers](https://awesome-repositories.com/f/awesome-lists/devtools/trees-and-graphs/recursive-graph-mappers.md) — Transforms nested data structures into coordinate-based graphs through recursive position and edge calculations.

### Graphics & Multimedia

- [SVG-Based Vector Rendering](https://awesome-repositories.com/f/graphics-multimedia/graphics-engines-rendering/rendering/engines/canvas-vector-graphics/svg-based-vector-rendering.md) — Uses scalable vector graphics to render interactive data graphs directly in the browser.

### Software Engineering & Architecture

- [Syntax Tree Construction](https://awesome-repositories.com/f/software-engineering-architecture/trees/syntax-tree-construction.md) — Implements processes to build hierarchical syntax representations from source data for visualization.