Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://apvarun.github.io/graphize/

Visualize and download JSON / YAML content
https://apvarun.github.io/graphize/

editor json-visualizer typescript visualizer yaml-visualizer

Last synced: about 1 month ago
JSON representation

Visualize and download JSON / YAML content

Host: GitHub
URL: https://apvarun.github.io/graphize/
Owner: apvarun
License: mit
Created: 2022-08-07T14:51:40.000Z (about 2 years ago)
Default Branch: main
Last Pushed: 2024-07-29T08:20:56.000Z (about 1 month ago)
Last Synced: 2024-07-30T09:31:40.724Z (about 1 month ago)
Topics: editor, json-visualizer, typescript, visualizer, yaml-visualizer
Language: TypeScript
Homepage: https://apvarun.github.io/graphize
Size: 76.8 MB
Stars: 252
Watchers: 4
Forks: 18
Open Issues: 3
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
- License: LICENSE

Awesome Lists containing this project

README

        # Graphize 🚀

Visualize and download JSON / YAML / XML content in your browser

![GitHub](https://img.shields.io/github/license/apvarun/graphize)

![GitHub Workflow Status](https://img.shields.io/github/actions/workflow/status/apvarun/graphize/gh-pages.yml)

[![Open Source Love](https://badges.frapsoft.com/os/v2/open-source.svg?v=103)](https://github.com/ellerbrock/open-source-badges/)

[![TypeScript](https://badgen.net/badge/icon/typescript?icon=typescript&label)](https://typescriptlang.org)

![Preview](./src/assets/preview.jpg)

## Demo

[![DEMO](https://img.shields.io/badge/DEMO-Preview-blue?style=for-the-badge&logo=appveyor)](https://apvarun.github.io/graphize)

## Key Features

- Preview your JSON / YAML / XML documents instantly

- Pinch / Scroll Zoom into the rendered image

- Formatting for content editor

- Download as PNG for reuse

- Sharable URL

- Copy node and specific child tree

### Roadmap

- Download SVG for Reuse

## Credits

This software uses the following open source packages:

- [React](https://github.com/facebook/react)

- [Monaco Editor](https://microsoft.github.io/monaco-editor/)

- [Reaflow](https://github.com/reaviz/reaflow)

- [html-to-image](https://github.com/bubkoo/html-to-image)

- [Download JS](https://github.com/rndme/download)

- [YamlJS](https://github.com/jeremyfa/yaml.js)

- [react-zoom-pan-pinch](https://github.com/prc5/react-zoom-pan-pinch)

- [Parcel](https://github.com/parcel-bundler/parcel)

## Support



## Contributing

Feel free to dive in! [Open an issue](https://github.com/apvarun/graphize/issues/new) or submit PRs.

## License

[MIT](LICENSE) © Varun A P