Introduction

Author: dreampuf

GraphvizOnline lets you edit and view GraphViz diagrams online. You can use GraphvizOnline online here.

Graph from URL / Gist

You can display a graph defined in a gist, or any other publically available url by adding a ?url= parameter to the GraphvizOnline url

Example: https://dreampuf.github.io/GraphvizOnline/?url=https://gist.githubusercontent.com/timabell/da08616ecb8693d524b8eab3b7b51018/raw/0e205c341b40641206a55c9f96b5db9b8fa581bc/graph.gv

Using https://gist.github.com/ allows you to share and version your graph definitions.

Presentation mode

If you would like to display just the graph and not the graph input, you can add a ?presentation query param. This can be helpful when generating links with the graph already prefilled.

How to implement this

• viz.js This repo has compile graphviz(C) to javascript via emscripten.
• ACE-editor An amazing online editor.

License

GraphvizOnline licensed under BSD-3 license. The dependencies:

• viz.js MIT
• ACE-editor BSD-2