Graphviz makes making graphs with complicated layouts easy. Styling with graphviz can be a bit hard. Who knows what colors look good without seeing it. That's where Breakdown Notes can step in.
Breakdown Notes offers support for importing graphviz xdot files. The node layout and the edges as calculated by graphiz will be used as best as possible.
And the extra for importing it to Breakdown-Notes? Now you can alter the elements of the graph: change colors, nodes and edges. Add labels, change text or add icons. Or reposition nodes and clusters, and add background images to nodes.
And don't stop at one: you can upload many more xdot files to one breakdown map. Each will be put on its own layer.
Before you start, some warnings: It's not possible to save the imported map to a new dot/xdot file. You will either have to export is as png or pdf, or save as a breakdown-notes map.
Also, there is no one-to-one match between the shapes and figures in graphviz and in breakdown. So there are some shapes/ figures/ stylings that are changed into something else. Some features like tables are not supported in Breakdown Notes.
Also, (for now), the file you upload has to be an xdot file. Breakdown won't do the conversion from dot to xdot. Never made a xdot before? Short explanation to be found below (it's a simple one liner).
Ok, get ready: open a new breakdown-notes map. Then click, hold and drag the xdot file onto the breakdown map: any empty place that is not a menu will do. Wait a few seconds and the graph should appear on the map. Watch other tutorials on the site to see how to do some styling or add stuff to it.
The graph will be added on a canvas you can move about to any other position on the map (a bit like a layer). Also any subgraphs/ clusters will have a sublayer when This is handy because now you can move about the graph in one go. Keep adding as many xdot files if you want onto the map. There is no need to stop at one.
That's probably the paths. You see, breakdown notes is no way near as advanced as Graphviz when is comes at collision detections and finding a way around a tricky corner. Breakdown just uses path with two control points.When you start repositioning shapes, there is no collision detection for these paths: You either have to alter the path yourself (click and drag the control points), or convert it to a simple Breakdown path with collision detection.
In your preferred terminal:
dot -Txdot dotfile.dot -o xdotfile.xdot