[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-1009":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":16,"subscribersCount":16,"size":16,"stars1d":17,"stars7d":18,"stars30d":19,"stars90d":16,"forks30d":16,"starsTrendScore":20,"compositeScore":21,"rankGlobal":10,"rankLanguage":10,"license":22,"archived":23,"fork":23,"defaultBranch":24,"hasWiki":23,"hasPages":25,"topics":26,"createdAt":10,"pushedAt":10,"updatedAt":36,"readmeContent":37,"aiSummary":38,"trendingCount":16,"starSnapshotCount":16,"syncStatus":17,"lastSyncTime":39,"discoverSource":40},1009,"jsoncrack.com","AykutSarac\u002Fjsoncrack.com","AykutSarac","✨ Innovative and open-source visualization application that transforms various data formats, such as JSON, YAML, XML and CSV into interactive graphs.","https:\u002F\u002Fjsoncrack.com\u002F",null,"TypeScript",44109,3551,225,27,0,2,34,183,20,101,"Apache License 2.0",false,"main",true,[27,28,29,30,31,32,33,34,35],"csv","diagrams","graph","json","nextjs","react","tool","visualization","yaml","2026-06-12 04:00:07","\u003C!-- PROJECT LOGO -->\n\u003Cp align=\"center\">\n  \u003Ca href=\"https:\u002F\u002Fgithub.com\u002FAykutSarac\u002Fjsoncrack.com\">\n   \u003Cimg src=\".\u002Fapps\u002Fwww\u002Fpublic\u002Fassets\u002F192.png\" height=\"50\" alt=\"Logo\">\n  \u003C\u002Fa>\n\n  \u003Ch1 align=\"center\">JSON Crack\u003C\u002Fh1>\n\n  \u003Cp align=\"center\">\n    The open-source JSON Editor.\n    \u003Cbr \u002F>\n    \u003Ca href=\"https:\u002F\u002Fjsoncrack.com\">\u003Cstrong>Learn more »\u003C\u002Fstrong>\u003C\u002Fa>\n    \u003Cbr \u002F>\n    \u003Cbr \u002F>\n    \u003Ca href=\"https:\u002F\u002Ftodiagram.com?utm_source=jsoncrack&utm_medium=readme_header\">ToDiagram\u003C\u002Fa>\n    ·\n    \u003Ca href=\"https:\u002F\u002Fdiscord.gg\u002FyVyTtCRueq\">Discord\u003C\u002Fa>\n    ·\n    \u003Ca href=\"https:\u002F\u002Fjsoncrack.com\">Website\u003C\u002Fa>\n    ·\n    \u003Ca href=\"https:\u002F\u002Fgithub.com\u002FAykutSarac\u002Fjsoncrack.com\u002Fissues\">Issues\u003C\u002Fa>\n    ·\n    \u003Ca href=\"https:\u002F\u002Fmarketplace.visualstudio.com\u002Fitems?itemName=AykutSarac.jsoncrack-vscode\">VS Code\u003C\u002Fa>\n    ·\n    \u003Ca href=\"https:\u002F\u002Fchromewebstore.google.com\u002Fdetail\u002Fhbaeglefdflnhodchjiaphmheaojikhh\">Chrome\u003C\u002Fa>\n  \u003C\u002Fp>\n\u003C\u002Fp>\n\n\u003C!-- ABOUT THE PROJECT -->\n\n## About the Project\n\n\u003Cimg width=\"100%\" alt=\"JSON Crack editor\" src=\".\u002Fapps\u002Fwww\u002Fpublic\u002Fassets\u002Feditor.webp\">\n\n## Visualize JSON into interactive graphs\n\nJSON Crack is a tool for visualizing JSON data in a structured, interactive graphs, making it easier to explore, format, and validate JSON. It offers features like converting JSON to other formats (CSV, YAML), generating JSON Schema, executing queries, and exporting visualizations as images. Designed for both readability and usability.\n\n* **Visualizer**: Instantly convert JSON, YAML, CSV, and XML into interactive graphs or trees in dark or light mode.\n* **Convert**: Seamlessly transform data formats, like JSON to CSV or XML to JSON, for easy sharing.\n* **Format & Validate**: Beautify and validate JSON, YAML, and CSV for clear and accurate data.\n* **Code Generation**: Generate TypeScript interfaces, Golang structs, Kotlin data classes, Rust serde types, and JSON Schema.\n* **JSON Schema**: Create and validate JSON Schema.\n* **Advanced Tools**: Run jq and JSON path queries.\n* **Export Image**: Download your visualization as PNG, JPEG, or SVG.\n* **Privacy**: All data processing is local; nothing is stored on our servers.\n\n## Recognition\n\n\u003Ca href=\"https:\u002F\u002Fnews.ycombinator.com\u002Fitem?id=32626873\">\n  \u003Cimg\n    style=\"width: 250px; height: 54px;\" width=\"250\" height=\"54\"\n    alt=\"Featured on Hacker News\"\n    src=\"https:\u002F\u002Fhackernews-badge.vercel.app\u002Fapi?id=32626873\"\n  \u002F>\n\u003C\u002Fa>\n\n\u003Ca href=\"https:\u002F\u002Fproducthunt.com\u002Fposts\u002FJSON-Crack?utm_source=badge-featured&utm_medium=badge&utm_souce=badge-jsoncrack\" target=\"_blank\">\u003Cimg src=\"https:\u002F\u002Fapi.producthunt.com\u002Fwidgets\u002Fembed-image\u002Fv1\u002Ffeatured.svg?post_id=332281&theme=light\" alt=\"JSON Crack | Product Hunt\" style=\"width: 250px; height: 54px;\" width=\"250\" height=\"54\" \u002F>\u003C\u002Fa>\n\n## Integrations\n\n- [VS Code Extension](https:\u002F\u002Fmarketplace.visualstudio.com\u002Fitems?itemName=AykutSarac.jsoncrack-vscode)\n- [Chrome Extension](https:\u002F\u002Fchromewebstore.google.com\u002Fdetail\u002Fhbaeglefdflnhodchjiaphmheaojikhh)\n- [npm Package (`jsoncrack-react`)](https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002Fjsoncrack-react)\n\n## Contributing\n\n- Found a bug or missing feature? Open an issue on [GitHub Issues](https:\u002F\u002Fgithub.com\u002FAykutSarac\u002Fjsoncrack.com\u002Fissues).\n- Want to contribute code or docs? Start with our [contribution guide](.\u002FCONTRIBUTING.md).\n\n## Sponsors & Support\n\nIf you find JSON Crack useful, you can support the project by using [ToDiagram](https:\u002F\u002Ftodiagram.com?utm_source=jsoncrack&utm_medium=readme_sponsors). For sponsorship inquiries, reach out at contact@todiagram.com.\n\n## Stay Up-to-Date\n\nJSON 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:\n\n\u003Ca href=\"https:\u002F\u002Fgithub.com\u002FAykutSarac\u002Fjsoncrack.com\">\u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fstars\u002FAykutSarac\u002Fjsoncrack.com\" alt=\"Star at GitHub\" \u002F>\u003C\u002Fa>\n\n\u003C!-- GETTING STARTED -->\n\n## Getting Started\n\nTo get a local copy up and running, please follow these simple steps.\n\n### Prerequisites\n\nHere is what you need to be able to run JSON Crack.\n\n- Node.js (Version: >=24.x)\n- pnpm (Version: >=10)\n\n\n## Development\n\n### Setup\n\n1. Clone the repo into a public GitHub repository (or fork https:\u002F\u002Fgithub.com\u002FAykutSarac\u002Fjsoncrack.com\u002Ffork). If you plan to distribute the code, read the [`LICENSE`](\u002FLICENSE.md) for additional details.\n\n   ```sh\n   git clone https:\u002F\u002Fgithub.com\u002FAykutSarac\u002Fjsoncrack.com.git\n   ```\n\n2. Go to the project folder\n\n   ```sh\n   cd jsoncrack.com\n   ```\n\n3. Install packages\n\n   ```sh\n   pnpm install\n   ```\n\n4. Run the web app\n\n   ```sh\n   pnpm dev:www\n\n   # Running on http:\u002F\u002Flocalhost:3000\u002F\n   ```\n\n### Useful Commands\n\nFrom repository root:\n\n```sh\n# Web app\npnpm dev:www\npnpm build:www\n\n# VS Code extension\npnpm dev:vscode\npnpm build:vscode\npnpm lint:vscode\npnpm lint:fix:vscode\n\n# Chrome extension\npnpm dev:chrome\npnpm build:chrome\npnpm lint:chrome\n\n# All workspaces\npnpm dev\npnpm build\npnpm lint\n```\n\n### Debug VS Code Extension\n\n1. Open repository root in VS Code.\n2. Press `F5`.\n3. Select `Run VSCode Extension (apps\u002Fvscode)` when prompted.\n4. In the Extension Development Host window, open a `.json` file and run:\n   `JSON Crack: Enable JSON Crack visualization`.\n\n### Docker\n\n🐳 Docker assets are in `apps\u002Fwww`.\nIf you want to run JSON Crack locally:\n\n```console\ncd apps\u002Fwww\n\n# Build a Docker image with:\ndocker compose build\n\n# Run locally with docker compose\ndocker compose up\n\n# Go to http:\u002F\u002Flocalhost:8888\n```\n\n## Configuration\n\nThe supported node limit can be changed by editing `NEXT_PUBLIC_NODE_LIMIT` in `apps\u002Fwww\u002F.env`.\n\n\u003C!-- LICENSE -->\n\n## License\n\nSee [`LICENSE`](\u002FLICENSE.md) for more information.\n","JSON Crack 是一个开源的数据可视化工具，能够将 JSON、YAML、XML 和 CSV 等多种数据格式转换为交互式图表。其核心功能包括即时生成可交互的图形或树状结构视图、支持多种数据格式间的无缝转换、提供数据美化与验证服务以及代码自动生成等。此外，它还具备执行查询和导出图像的能力，并且所有处理都在本地完成以确保用户隐私。该工具非常适合开发者在需要快速理解和调试复杂数据结构时使用，同时也适用于教育场景中帮助学生更直观地学习数据结构知识。","2026-06-11 02:41:03","top_all"]