Added dot command docs

_commands/basics/dot.md

@@ -0,0 +1,86 @@
+---
+---
+
+dot
+-------
+
+`dot` is a command-line utility to generate directed graphs. It has practical 
+applications in everything from database design to software architecture and more.
+
+Usage is trivial:
+
+```bash
+$ dot -T[output-format] -O <dot-files>
+```
+
+`-T` specifies the file type of the output (often `png` for images)  
+`-O` specifies that the output file name should reflect the input file name.
+
+---
+
+`dot` requires that all input be in its special **dot language**. It's a
+straightforward markup language, but has a large amount of possible 
+customizations, far more than what can be summarized here. Visit the 
+[DOT website](http://grahpviz.com) for detailed documentation. Also 
+available there is the [DOT user guide](https://graphviz.gitlab.io/_pages/pdf/dotguide.pdf),
+useful as an overview of some of the things `dot` can do.
+
+<!--more-->
+
+### Useful Options / Examples
+
+#### A simple graph
+
+``` dot
+digraph G {
+	main -> parse -> execute;
+	main -> init;
+	main -> cleanup;
+	execute -> make_string;
+	execute -> printf;
+	init -> make_string;
+	main -> printf;
+	execute -> compare;
+}
+```
+
+``` bash
+$ dot -Tpng -O simple.dot
+```
+
+Resulting output:
+
+![Simple DOT graph](/static/commands/img/dot/simple.dot.png)
+
+---
+
+#### Styling and Colors
+
+``` dot
+digraph G { 
+    size ="4,4";
+    main [shape=box]; /* this is a comment */
+    main -> parse [weight=8];
+    parse -> execute;
+    main -> init [style=dotted];
+    main -> cleanup;
+    execute -> { 
+        make_string; 
+        printf
+    }
+    init -> make_string;
+    edge [color=red]; // so is this
+    main -> printf [style=bold,label="100 times"];
+    make_string [label="make a\nstring"];
+    node [shape=box,style=filled,color=".7 .3 1.0"];
+    execute -> compare;
+}
+```
+
+``` bash
+$ dot -Tpng -O complex.dot.png
+```
+
+Resulting output:
+
+![Complex DOT graph](/static/commands/img/dot/complex.dot.png)