Here is summary of the graphviz dot language

This are the dot language attributes

This is example of dot html labels without using <table> statements

To set the fill and bordercolor of a node in dot language use this:

/* how to set the bordercolor of a node to green */
digraph "g"
 "test1" [style="filled",color=red,fillcolor=green,label="filled\ncolor=red\nfillcolor=green"];
 "test2" [style="filled",fillcolor=red,label="filled\nfillcolor=red"];
 "test3" [style="filled",color=green,label="filled\ncolor=green"];
 "test4" [style="filled",label="filled"];

 /* border color is green, fillcolor is red */
 "test5" [color=green,fillcolor=red,label="color=green\nfillcolor=red"];
 "test6" [fillcolor=red,label="fillcolor=red"];
 "test7" [color=green,label="color=green"];

and this looks like this:

A page showing the colornames with the colors and hex value is here in dotcolor.html

At least with older graphviz versions a graph can end with a '@' char and after that anything can be added for example text what the graph data is about, but this feature is not in newest dot.

Here is a dot grammar for javascript and peg.js