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: 2 months 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 (almost 3 years ago)
• Default Branch: main
• Last Pushed: 2024-10-07T07:48:29.000Z (8 months ago)
• Last Synced: 2024-10-12T22:29:48.081Z (8 months ago)
• Topics: editor, json-visualizer, typescript, visualizer, yaml-visualizer
• Language: TypeScript
• Homepage: https://apvarun.github.io/graphize
• Size: 110 MB
• Stars: 263
• Watchers: 3
• Forks: 19
• 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