Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/ztjhz/graphviz-editor

Generates Graphviz image URL that can be used directly on any website without a need to host them on a server
https://github.com/ztjhz/graphviz-editor

editor graphviz

Last synced: about 1 month ago
JSON representation

Generates Graphviz image URL that can be used directly on any website without a need to host them on a server

Awesome Lists containing this project

README

        

Online Graphviz Editor icon

![Preview](preview.png)

Generates Graphviz images that can be used directly on any website without a need to host images on a server



licence


forks


stars


issues


pull-requests



View Demo
ยท
Report Bug
ยท
Request Feature

## ๐Ÿ‘‹๐Ÿป Introducing `Online Graphviz Editor`

`Online Graphviz Editor` is a tool that allows users to generate Graphviz images online. Users can then copy the image URL and use it directly on any website **without** a need to host images on a server. The frontend is powered by [**ztjhz/graphviz-editor**](https://github.com/ztjhz/graphviz-editor) and the backend is powered by [**ayaka14732/graphviz-server**](https://github.com/ayaka14732/graphviz-server).

## ๐Ÿš€ Use Online Graphviz Editor

Please access Online Graphviz Editor using the URL:

> [The Demo Link](https://graphviz.tjh.sg)

Liked it? Please give a โญ๏ธ to Online Graphviz Editor.

_Many Thanks to all the `Stargazers` who has supported this project with stars(โญ)_

[![Stargazers repo roster for @ztjhz/graphviz-editor](https://reporoster.com/stars/ztjhz/graphviz-editor)](https://github.com/ztjhz/graphviz-editor/stargazers#gh-light-mode-only)

[![Stargazers repo roster for @ztjhz/graphviz-editor](https://reporoster.com/stars/dark/ztjhz/graphviz-editor)](https://github.com/ztjhz/graphviz-editor/stargazers#gh-dark-mode-only)

## ๐Ÿ”ฅ Features

`Online Graphviz Editor` comes with a bundle of features already. You can do the followings with it,

- ๐ŸŒธ Modern and beautiful website
- ๐Ÿ”— Directly generate a link to your graphviz image that can be used anywhere
- ๐Ÿ“ฑ Responsive and mobile-friendly

## ๐Ÿ—๏ธ How to Set up `Online Graphviz Editor` for Development?

1. Clone the repository

```bash
git clone https://github.com/ztjhz/graphviz-editor.git
```

2. Change the working directory

```bash
cd graphviz-editor
```

3. Open a live server in that directory

```bash
python -m http.server 8080
```

That's All!!! Now open [localhost:8080](http://localhost:8080/) to see the app.