Graphviz App with Vue.js

Graphviz editor & rendering app with live updating.

Live demo is online here http://drawviz.com

To learn more about graphviz please have a look at http://www.graphviz.org/.

Todos

• Add about page - showing current version + some resource links
• Fix exporting with pan & zoom (pan & zoom disabled at the moment)
• Improve size calculation at Export settings (sometimes wrong size)
• Push to github pages surge.sh
• Add feature list to readme
• Add format selection setting (stored in localstorage) currently only dot rendering supported
• Add download dot input text (see viz.js demo page)
• Add copy dot to clipboard
• Add drafting feature - every new page will be automatically saved as draft + autosave (could be improved by reducing save freq. - at the moment every change will be save)

Features

• Render graph with two-way binding (no render click required)
• Example graphs
• Save dot text in localstorage
• Pan & Zoom
• Export as PNG (with scaling) & SVG
• Settings saved in localstorage (just scale setting, more settings later)
• Drafting feature (similar to jsfiddle drafts)

Build Setup

# install dependencies
yarn install

# serve with hot reload at localhost:8080
yarn serve

# build for production with minification
yarn build

# build for production and view the bundle analyzer report
yarn build --report

# Lints and fixes files

yarn lint

# Run your unit tests

yarn run test:unit

Customize configuration

See Configuration Reference.