StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PO
text
Body
copied!<p>If you really just want boxes with arrows, use <a href="http://www.graphviz.org/">GraphViz</a>. It allows you to enter textual descriptions and the current Windows version is now able to provide a graphical preview of the text file. You can choose different shape types and it will allow you produce diagrams even as fancy as the following one. </p> <p>I have a full-blown UML tool (the superb <a href="http://www.sparxsystems.com.au/">Enterprise Architect</a>) but I still use GraphViz daily for simple sketch diagrams.</p> <p>For more traditional UML examples with GraphViz see <a href="http://www.ffnn.nl/pages/articles/media/uml-diagrams-using-graphviz-dot.php">this blog</a> and the <a href="http://www.umlgraph.org/">UMLGraph</a> site.</p> <pre><code>digraph { /* notes */ subgraph cluster_legend { graph [color=lightyellow style=filled] node[shape=plaintext] edge[style=invisible arrowhead=none] Mac[label="On Macintosh\nonly" color=blue fontcolor=blue] Next[label="Next Version" color=grey fontcolor=grey] Mac->Next } edge [color=black fontcolor=black] node [weight=bold fontsize=14 color=black fontcolor=black] /* docs */ node[ shape=box3d] AppMakerv2[label="AppMaker V2\nDocument" color=blue fontcolor=blue] AppMakerX[label="AppMakerX\nDocument"] /* Code */ node [shape=folder] PP[label="PowerPlant\nPPob Resources" color=blue fontcolor=blue] Classic[label="Classic Mac\nResource fork:\nMENU, DLOG, DITL" color=blue fontcolor=blue] XAML WPFApp[label="WPF Application\nXAML resources\nC# Code and properties"] REALBasic[label="REALbasic Application\nXML format\nwindows and code" color=grey fontcolor=grey] Cocoa[label="Cocoa Application\nxib resources\nObjective-C Code" color=grey fontcolor=grey] hand[label="Hand Editing in\nAppMaker v2 GUI" shape=plaintext fontcolor=blue] /* processes */ node[shape=ellipse] Importer[color=blue fontcolor=blue] Exporter[color=blue fontcolor=blue] Converter WPFGen[label="WPF\nGenerator"] CocoaGen[label="Cocoa\nGenerator" color=grey fontcolor=grey] RBGen[label="REALbasic\nGenerator" color=grey fontcolor=grey] /* Mac workflow */ edge[color=blue] PP->Importer Classic->Importer hand->AppMakerv2 Importer->AppMakerv2 AppMakerv2->Exporter->AppMakerX /* cross-platform workflow */ edge[color=black] XAML->Converter->AppMakerX AppMakerX->WPFGen->WPFApp /* future workflow */ edge [color=grey fontcolor=grey] AppMakerX->CocoaGen->Cocoa AppMakerX->RBGen->REALBasic } </code></pre> <p><a href="http://www.aussiedesignedsoftware.com/AppMakerX/files/amxworkflow.png">alt text http://www.aussiedesignedsoftware.com/AppMakerX/files/amxworkflow.png</a></p>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload