Home
%3CLINGO-SUB%20id%3D%22lingo-sub-237355%22%20slang%3D%22en-US%22%3EImproved%20Flowchart%20Routing%20in%20Visio%202010%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-237355%22%20slang%3D%22en-US%22%3E%0A%20%26lt%3Bmeta%20http-equiv%3D%22Content-Type%22%20content%3D%22text%2Fhtml%3B%20charset%3DUTF-8%22%20%2F%26gt%3B%3CSTRONG%3E%20First%20published%20on%20MSDN%20on%20Aug%2C%2021%202009%20%3C%2FSTRONG%3E%20%3CBR%20%2F%3E%3CP%3EWhen%20creating%20and%20maintaining%20flowcharts%2C%20a%20pain%20point%20users%20suffer%20from%20is%20ensuring%20that%20the%20connectors%20between%20shapes%20look%20good.%20Visio%20introduced%20the%20dynamic%20connector%20many%20releases%20ago%20to%20help%20simplify%20diagram%20maintenance.%20Dynamic%20connectors%20in%20combination%20with%20dynamic%20glue%20allow%20Visio%20to%20choose%20the%20sides%20of%20shapes%20to%20glue%20your%20connectors%20for%20the%20best%20looking%20results.%3C%2FP%3E%0A%20%20%3CP%3EIn%20Visio%202010%20we%20made%20improvements%20to%20Visio's%20routing%20engine%20to%20address%20some%20common%20flowcharting%20pain%20points.%20(For%20more%20on%20the%20dynamic%20connector%20and%20why%20you%20should%20use%20dynamic%20glue%2C%20see%20this%20previous%20post%20titled%20%22%20%3CA%20href%3D%22http%3A%2F%2Fblogs.msdn.com%2Fvisio%2Farchive%2F2006%2F06%2F02%2F613671.aspx%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%20noopener%20noreferrer%22%3E%20Gluing%20It%20All%20Together%20%3C%2FA%3E%20%22.%20)%3C%2FP%3E%0A%20%20%3CP%3E%3CSTRONG%3E%20%3C%2FSTRONG%3E%3C%2FP%3E%0A%20%20%3CP%3E%3CSTRONG%3E%20Improving%20Flowchart%20Readability%20%3C%2FSTRONG%3E%3C%2FP%3E%0A%20%20%3CP%3EClarity%20is%20important%20in%20flowcharts.%20Overlapping%20connectors%20flowing%20in%20opposite%20directions%20can%20create%20ambiguity%20about%20the%20meaning%20of%20the%20diagram.%20It%20is%20easy%20to%20get%20into%20a%20situation%20where%20two%20connectors%20appear%20visually%20to%20be%20connected%2C%20but%20were%20not%20explicitly%20connected%20by%20the%20diagram%20author.%20Visio%202010's%20routing%20engine%20detects%20such%20ambiguous%20situations%20and%20relocates%20connectors%20to%20actively%20avoid%20them.%3C%2FP%3E%0A%20%20%3CP%3EConsider%20the%20example%20below%20where%20I%20draw%20two%20dynamic%20connectors%3A%20one%20from%20shape%20A%20to%20B%20and%20the%20other%20from%20B%20to%20C.%20In%20Visio%202007%2C%20this%20leads%20to%20an%20ambiguous%20drawing%2C%20where%20it%20appears%20as%20if%20shape%20A%20is%20connected%20to%20shape%20C.%20Visio%202010%20moves%20the%20connector%20between%20A%20and%20B%20to%20an%20alternate%20side%20of%20shape%20B%20to%20resolve%20the%20ambiguity.%3C%2FP%3E%0A%20%20%3CP%3E%3CA%20href%3D%22https%3A%2F%2Fmsdnshared.blob.core.windows.net%2Fmedia%2FTNBlogsFS%2FBlogFileStorage%2Fblogs_msdn%2Fvisio%2FWindowsLiveWriter%2FImprovedFlowchartRoutinginVisio2010_CEF9%2Fincoming%2520conflict_2.jpg%22%20target%3D%22_blank%22%20rel%3D%22nofollow%20noopener%20noreferrer%20noopener%20noreferrer%22%3E%20%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F43873i5E688EBDFB89423F%22%20%2F%3E%20%3C%2FA%3E%3C%2FP%3E%0A%20%20%3CP%3EWe%20made%20this%20design%20change%20based%20on%20user%20feedback.%20It%20scales%20to%20handle%20more%20than%20just%20a%20few%20connectors%2C%20and%20allows%20connectors%20to%20overlap%20when%20they%20are%20flowing%20in%20the%20same%20direction.%3C%2FP%3E%0A%20%20%3CP%3EA%20consequence%20of%20this%20change%20is%20that%20if%20you%20open%20a%20diagram%20that%20was%20created%20in%20older%20versions%20of%20Visio%20in%20Visio%202010%2C%20as%20you%20edit%20your%20diagram%2C%20you%20may%20see%20connectors%20relocate%20to%20different%20sides%20of%20shapes.%20Note%20that%20Visio%20doesn't%20move%20glue%20points%20of%20connectors%20that%20are%20statically%20glued.%3C%2FP%3E%0A%20%20%3CP%3E%3CSTRONG%3E%20Relaxing%20Constraints%20on%20Flowchart%20Direction%20%3C%2FSTRONG%3E%3C%2FP%3E%0A%20%20%3CP%3EVisio%20flowcharts%20that%20use%20the%20%22Flowchart%22%20routing%20style%20have%20a%20routing%20direction%2C%20like%20%22Top%20to%20Bottom%22%20or%20%22Left%20to%20Right%22.%20In%20flowchart%20routing%2C%20this%20controls%20what%20sides%20of%20shapes%20dynamic%20connectors%20(mostly)%20connect%20to.%20Strict%20adherence%20to%20this%20direction%20can%20easily%20lead%20to%20situations%20where%20a%20dynamic%20connector%20takes%20a%20path%20around%20a%20shape%20with%205%20segments.%3C%2FP%3E%0A%20%20%3CP%3EUsing%20%22Top%20to%20Bottom%22%20as%20my%20routing%20direction%2C%20routes%20generally%20exit%20from%20the%20bottom%20of%20a%20shape%20and%20connect%20to%20the%20top%20of%20the%20shape%2C%20except%20in%20cases%20where%20shapes%20line%20up%20exactly.%3C%2FP%3E%0A%20%20%3CP%3EIn%20Visio%202010%2C%20we%20enable%20dynamic%20connectors%20to%20connect%20to%20alternate%20sides%20of%20shapes%20when%20the%20shapes%20are%20close%20to%20each%20other.%3C%2FP%3E%0A%20%20%3CP%3E%3CA%20href%3D%22https%3A%2F%2Fmsdnshared.blob.core.windows.net%2Fmedia%2FTNBlogsFS%2FBlogFileStorage%2Fblogs_msdn%2Fvisio%2FWindowsLiveWriter%2FImprovedFlowchartRoutinginVisio2010_CEF9%2Fvirtual%2520overlap_2.jpg%22%20target%3D%22_blank%22%20rel%3D%22nofollow%20noopener%20noreferrer%20noopener%20noreferrer%22%3E%20%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F43874i76FF515EB980B325%22%20%2F%3E%20%3C%2FA%3E%3C%2FP%3E%0A%20%20%3CP%3ETo%20strike%20a%20balance%20between%20having%20simple%20looking%20connectors%20and%20still%20adhering%20to%20the%20flowchart%20direction%2C%20Visio%20connects%20to%20non-standard%20sides%20of%20shapes%20when%20two%20shapes%20are%20close%20to%20each%20other%20in%20the%20axis%20of%20the%20routing%20direction.%3C%2FP%3E%0A%20%20%3CP%3EAs%20always%2C%20we're%20interested%20in%20your%20feedback%20on%20routing%2C%20so%20use%20the%20%3CA%20href%3D%22http%3A%2F%2Fblogs.technet.com%2Foffice2010%2Farchive%2F2009%2F07%2F15%2Ftell-us-what-you-think-about-office-2010-technical-preview.aspx%22%20target%3D%22_blank%22%20rel%3D%22nofollow%20noopener%20noreferrer%20noopener%20noreferrer%22%3E%20Send%20a%20Smile%20feedback%20tool%20%3C%2FA%3E%20or%20comment%20on%20this%20post%20to%20let%20us%20know%20what%20you%20think.%3C%2FP%3E%0A%20%0A%3C%2FLINGO-BODY%3E%3CLINGO-TEASER%20id%3D%22lingo-teaser-237355%22%20slang%3D%22en-US%22%3EFirst%20published%20on%20MSDN%20on%20Aug%2C%2021%202009%20When%20creating%20and%20maintaining%20flowcharts%2C%20a%20pain%20point%20users%20suffer%20from%20is%20ensuring%20that%20the%20connectors%20between%20shapes%20look%20good.%3C%2FLINGO-TEASER%3E%3CLINGO-LABS%20id%3D%22lingo-labs-237355%22%20slang%3D%22en-US%22%3E%3CLINGO-LABEL%3Eall%20posts%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3Egeneral%20usage%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3Evisio%202010%3C%2FLINGO-LABEL%3E%3C%2FLINGO-LABS%3E
Microsoft
First published on MSDN on Aug, 21 2009

When creating and maintaining flowcharts, a pain point users suffer from is ensuring that the connectors between shapes look good. Visio introduced the dynamic connector many releases ago to help simplify diagram maintenance. Dynamic connectors in combination with dynamic glue allow Visio to choose the sides of shapes to glue your connectors for the best looking results.

In Visio 2010 we made improvements to Visio's routing engine to address some common flowcharting pain points. (For more on the dynamic connector and why you should use dynamic glue, see this previous post titled " Gluing It All Together ". )

Improving Flowchart Readability

Clarity is important in flowcharts. Overlapping connectors flowing in opposite directions can create ambiguity about the meaning of the diagram. It is easy to get into a situation where two connectors appear visually to be connected, but were not explicitly connected by the diagram author. Visio 2010's routing engine detects such ambiguous situations and relocates connectors to actively avoid them.

Consider the example below where I draw two dynamic connectors: one from shape A to B and the other from B to C. In Visio 2007, this leads to an ambiguous drawing, where it appears as if shape A is connected to shape C. Visio 2010 moves the connector between A and B to an alternate side of shape B to resolve the ambiguity.

We made this design change based on user feedback. It scales to handle more than just a few connectors, and allows connectors to overlap when they are flowing in the same direction.

A consequence of this change is that if you open a diagram that was created in older versions of Visio in Visio 2010, as you edit your diagram, you may see connectors relocate to different sides of shapes. Note that Visio doesn't move glue points of connectors that are statically glued.

Relaxing Constraints on Flowchart Direction

Visio flowcharts that use the "Flowchart" routing style have a routing direction, like "Top to Bottom" or "Left to Right". In flowchart routing, this controls what sides of shapes dynamic connectors (mostly) connect to. Strict adherence to this direction can easily lead to situations where a dynamic connector takes a path around a shape with 5 segments.

Using "Top to Bottom" as my routing direction, routes generally exit from the bottom of a shape and connect to the top of the shape, except in cases where shapes line up exactly.

In Visio 2010, we enable dynamic connectors to connect to alternate sides of shapes when the shapes are close to each other.

To strike a balance between having simple looking connectors and still adhering to the flowchart direction, Visio connects to non-standard sides of shapes when two shapes are close to each other in the axis of the routing direction.

As always, we're interested in your feedback on routing, so use the Send a Smile feedback tool or comment on this post to let us know what you think.