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. You might set the param to comma separated list of the following values:

• editable: show the editor-toggle button
• hide-options: hide the options bar at top of page
• show-engine, show-format, show-raw, show-download, show-share: show some some options in conjuntion with hide-options

Example: ?presentation=editable,hide-options,show-download

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