DOT (GV) Graph Definition Language

Playing around with graphing tools and ran across DOT (.GV) which meets the needs for simplicity that I have with a current side project. Just using this page to collect information in case it's useful to someone else.

GVEdit (Graphviz)

Helpful StackOverflow posting

Graphviz in the Browser
Based on this JavaScript library

Google Charts Image Charts API also supports DOT for now... (deprecation notice)

As long as Google supports it, this is a no-brainer way to show DOT scripts in the browser.

Using Google Charts Image Charts API:{node1[label="Root%20Node"][shape=box];node1->node2[dir=both][label="%202%20inches"];node2->{node3%20node4%20node5}[color=green]}&chrs=300x300

This link is currently available to test DOT scripts using the Google Charts Image Charts API:

DotViewer (Android App)

Some DOT shortcuts
Main Documentation Page
DOT Guide PDF Version
Polygon Shapes
Attributes [attr=value]
Special Characters
Colors Names
Further related research into plotting dot language in the browser:


Import Data in the DOT Language

Supported shapes in vis.js (DOT has many more that are not currently supported): database, circle, ellipse, box, image, text, dot, star, triangle, triangleDown, square, icon

Useful comparison of Graph Libraries