October recap: Several highly requested features released for Visio for the web this month

Published Oct 31 2018 09:00 AM 3,358 Views

We’re continuing to make Visio for the web a top priority for feature releases. This latest batch of diagrams and capabilities helps you build even more detailed diagrams online while simplifying the creation process.

 

Diagrams

Cross functional flowcharts: This has been one of the most-requested features by users through the Visio for the web UserVoice site. Visio for the web now includes cross functional flowchart (CFF) templates and sample diagrams on the landing page, as well as dedicated CFF tools for adding swim lanes, rotating lane labels, and more. These diagrams enable you to illustrate relationships between a process and the organizational and functional units that are responsible for the steps in that process. You can read more about CFFs in Visio for the web here and how to best use them here.

 

Azure diagrams: Earlier this year, we released dozens of network diagramming shapes for Visio for the web. We’ve now added to this library a rich set of Microsoft Azure symbols—there more than 500 shapes in all for services like Active Directory, App Service, SQL Server, and many, many more—templates, and sample diagrams for you to more accurately represent cloud and on-premises technologies. You can read more about Azure stencils in Visio for the web here.

 

Capabilities

Align and position: If you’re familiar with PowerPoint then you’ll be familiar with the align and position feature, which enables you to select multiple objects and align them in regard to each other on your canvas (i.e., left, center, right, top, middle, and bottom). Shapes align to the first object selected in the cluster. You can also distribute shapes horizontally and vertically using the adjacent button in the ribbon. We’ve added this feature as a part of our effort to create greater parity with features in Office apps.

 

align_position.gif

 

Live connector routing: Live connector routing provides real-time feedback as you connect shapes. Before today, connectors would appear as straight lines as you drew them between shapes, only changing to a bent or curved line after the shapes were connected. With live connector routing, you can see what your final connector will look like as you draw it. If the connector isn’t what you anticipated, you can move the endpoint shape before making the final connection instead of drawing and deleting connectors several times to get the right connector look.

 

live_connectors.gif

 

We’ve only just begun building out the Visio for the web experience. Follow us on Twitter to stay current on the latest Visio and Visio for the web releases. You can also learn about these on our Tech Community site. As always, we encourage you to submit your feature ideas to the Visio for the web UserVoice site. Capabilities like cross-functional flowcharts are the direct result of requests from users like you. Lastly, for questions about these and other features, please email us at tellvisio@microsoft.com.

1 Comment
Occasional Visitor

Thanks for the Azure part of the release. I work for a company named Cloudockit and we do extensively use Azure Visio Shape. If you want to generate your Azure Diagrams in Visio completely automatically you can give it a try at https://www.cloudockit.com

 

%3CLINGO-SUB%20id%3D%22lingo-sub-290717%22%20slang%3D%22en-US%22%3ERe%3A%20October%20recap%3A%20Several%20highly%20requested%20features%20released%20for%20Visio%20Online%20this%20month%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-290717%22%20slang%3D%22en-US%22%3E%3CP%3EThanks%20for%20the%20Azure%20part%20of%20the%20release.%20I%20work%20for%20a%20company%20named%20Cloudockit%20and%20we%20do%20extensively%20use%20Azure%20Visio%20Shape.%20If%20you%20want%20to%20generate%20your%20Azure%20Diagrams%20in%20Visio%20completely%20automatically%20you%20can%20give%20it%20a%20try%20at%20%3CA%20href%3D%22https%3A%2F%2Fwww.cloudockit.com%22%20target%3D%22_blank%22%20rel%3D%22nofollow%20noopener%20noreferrer%22%3Ehttps%3A%2F%2Fwww.cloudockit.com%3C%2FA%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-280292%22%20slang%3D%22en-US%22%3EOctober%20recap%3A%20Several%20highly%20requested%20features%20released%20for%20Visio%20for%20the%20web%20this%20month%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-280292%22%20slang%3D%22en-US%22%3E%3CP%3EWe%E2%80%99re%20continuing%20to%20make%20Visio%20for%20the%20web%20a%20top%20priority%20for%20feature%20releases.%20This%20latest%20batch%20of%20diagrams%20and%20capabilities%20helps%20you%20build%20even%20more%20detailed%20diagrams%20online%20while%20simplifying%20the%20creation%20process.%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%3CU%3EDiagrams%3C%2FU%3E%3C%2FP%3E%0A%3CP%3E%3CSTRONG%3ECross%20functional%20flowcharts%3C%2FSTRONG%3E%3A%20This%20has%20been%20one%20of%20the%20most-requested%20features%20by%20users%20through%20the%20Visio%20for%20the%20web%26nbsp%3B%3CSPAN%3E%3CA%20href%3D%22https%3A%2F%2Fvisio.uservoice.com%2Fforums%2F368199-visio-online%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3EUserVoice%3C%2FA%3E%3C%2FSPAN%3E%20site.%20Visio%20for%20the%20web%20now%20includes%20cross%20functional%20flowchart%20(CFF)%20templates%20and%20sample%20diagrams%20on%20the%20landing%20page%2C%20as%20well%20as%20dedicated%20CFF%20tools%20for%20adding%20swim%20lanes%2C%20rotating%20lane%20labels%2C%20and%20more.%20These%20diagrams%20enable%20you%20to%20illustrate%20relationships%20between%20a%20process%20and%20the%20organizational%20and%20functional%20units%20that%20are%20responsible%20for%20the%20steps%20in%20that%20process.%20You%20can%20read%20more%20about%20CFFs%20in%20Visio%20for%20the%20web%26nbsp%3B%3CSPAN%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2FVisio-Blog%2FCreate-cross-functional-flowcharts-more-efficiently-in-Visio%2Fba-p%2F271520%22%20target%3D%22_blank%22%3Ehere%3C%2FA%3E%3C%2FSPAN%3E%20and%20how%20to%20best%20use%20them%20%3CSPAN%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2FVisio-Blog%2FCross-functional-flowcharts-process-improvement-through-better%2Fba-p%2F277939%22%20target%3D%22_blank%22%3Ehere%3C%2FA%3E%3C%2FSPAN%3E.%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%3CSTRONG%3EAzure%20diagrams%3C%2FSTRONG%3E%3A%20%3CSPAN%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2FVisio-Blog%2FExtend-diagramming-to-IT-with-network-diagrams-in-Visio-Online%2Fba-p%2F150406%22%20target%3D%22_blank%22%3EEarlier%20this%20year%3C%2FA%3E%3C%2FSPAN%3E%2C%20we%20released%20dozens%20of%20network%20diagramming%20shapes%20for%20Visio%20for%20the%20web.%20We%E2%80%99ve%20now%20added%20to%20this%20library%20a%20rich%20set%20of%20Microsoft%20Azure%20symbols%E2%80%94there%20more%20than%20500%20shapes%20in%20all%20for%20services%20like%20Active%20Directory%2C%20App%20Service%2C%20SQL%20Server%2C%20and%20many%2C%20many%20more%E2%80%94templates%2C%20and%20sample%20diagrams%20for%20you%20to%20more%20accurately%20represent%20cloud%20and%20on-premises%20technologies.%20You%20can%20read%20more%20about%20Azure%20stencils%20in%20Visio%20for%20the%20web%26nbsp%3B%3CSPAN%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2FVisio-Blog%2FRepresent-Azure-architectures-accurately-in-Visio-Online%2Fba-p%2F274650%22%20target%3D%22_blank%22%3Ehere%3C%2FA%3E%3C%2FSPAN%3E.%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%3CU%3ECapabilities%3C%2FU%3E%3C%2FP%3E%0A%3CP%3E%3CSTRONG%3EAlign%20and%20position%3C%2FSTRONG%3E%3A%20If%20you%E2%80%99re%20familiar%20with%20PowerPoint%20then%20you%E2%80%99ll%20be%20familiar%20with%20the%20align%20and%20position%20feature%2C%20which%20enables%20you%20to%20select%20multiple%20objects%20and%20align%20them%20in%20regard%20to%20each%20other%20on%20your%20canvas%20(i.e.%2C%20left%2C%20center%2C%20right%2C%20top%2C%20middle%2C%20and%20bottom).%20Shapes%20align%20to%20the%20first%20object%20selected%20in%20the%20cluster.%20You%20can%20also%20distribute%20shapes%20horizontally%20and%20vertically%20using%20the%20adjacent%20button%20in%20the%20ribbon.%20We%E2%80%99ve%20added%20this%20feature%20as%20a%20part%20of%20our%20effort%20to%20create%20greater%20parity%20with%20features%20in%20Office%20apps.%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20image-alt%3D%22align_position.gif%22%20style%3D%22width%3A%20999px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F58745iBABBA060B20A1CA5%2Fimage-size%2Flarge%3Fv%3D1.0%26amp%3Bpx%3D999%22%20role%3D%22button%22%20title%3D%22align_position.gif%22%20alt%3D%22align_position.gif%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%3CSTRONG%3ELive%20connector%20routing%3C%2FSTRONG%3E%3A%20Live%20connector%20routing%20provides%20real-time%20feedback%20as%20you%20connect%20shapes.%20Before%20today%2C%20connectors%20would%20appear%20as%20straight%20lines%20as%20you%20drew%20them%20between%20shapes%2C%20only%20changing%20to%20a%20bent%20or%20curved%20line%20after%20the%20shapes%20were%20connected.%20With%20live%20connector%20routing%2C%20you%20can%20see%20what%20your%20final%20connector%20will%20look%20like%20as%20you%20draw%20it.%20If%20the%20connector%20isn%E2%80%99t%20what%20you%20anticipated%2C%20you%20can%20move%20the%20endpoint%20shape%20before%20making%20the%20final%20connection%20instead%20of%20drawing%20and%20deleting%20connectors%20several%20times%20to%20get%20the%20right%20connector%20look.%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20image-alt%3D%22live_connectors.gif%22%20style%3D%22width%3A%20999px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F58746i986FE9D9876BA9F2%2Fimage-size%2Flarge%3Fv%3D1.0%26amp%3Bpx%3D999%22%20role%3D%22button%22%20title%3D%22live_connectors.gif%22%20alt%3D%22live_connectors.gif%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3EWe%E2%80%99ve%20only%20just%20begun%20building%20out%20the%20Visio%20for%20the%20web%20experience.%20Follow%20us%20on%20%3CSPAN%3E%3CA%20href%3D%22https%3A%2F%2Ftwitter.com%2Fmsvisio%22%20target%3D%22_blank%22%20rel%3D%22noopener%20nofollow%20noreferrer%22%3ETwitter%3C%2FA%3E%3C%2FSPAN%3E%20to%20stay%20current%20on%20the%20latest%20Visio%20and%20Visio%20for%20the%20web%20releases.%20You%20can%20also%20learn%20about%20these%20on%20our%20%3CSPAN%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2FVisio%2Fct-p%2FVisio%22%20target%3D%22_blank%22%3ETech%20Community%3C%2FA%3E%3C%2FSPAN%3E%20site.%20As%20always%2C%20we%20encourage%20you%20to%20submit%20your%20feature%20ideas%20to%20the%20Visio%20for%20the%20web%26nbsp%3B%3CSPAN%3E%3CA%20href%3D%22https%3A%2F%2Fvisio.uservoice.com%2Fforums%2F368199-visio-online%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3EUserVoice%3C%2FA%3E%3C%2FSPAN%3E%20site.%20Capabilities%20like%20cross-functional%20flowcharts%20are%20the%20direct%20result%20of%20requests%20from%20users%20like%20you.%20Lastly%2C%20for%20questions%20about%20these%20and%20other%20features%2C%20please%20email%20us%20at%20%3CSPAN%3E%3CA%20href%3D%22mailto%3Atellvisio%40microsoft.com%22%20target%3D%22_blank%22%20rel%3D%22noopener%20nofollow%20noreferrer%22%3Etellvisio%40microsoft.com%3C%2FA%3E%3C%2FSPAN%3E.%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-TEASER%20id%3D%22lingo-teaser-280292%22%20slang%3D%22en-US%22%3E%3CP%3EWe%E2%80%99re%20continuing%20to%20make%20Visio%20for%20the%20web%20a%20top%20priority%20for%20feature%20releases.%20This%20latest%20batch%20of%20diagrams%20and%20capabilities%20helps%20you%20build%20even%20more%20detailed%20diagrams%20online%20while%20simplifying%20the%20creation%20process.%3C%2FP%3E%3C%2FLINGO-TEASER%3E%3CLINGO-LABS%20id%3D%22lingo-labs-280292%22%20slang%3D%22en-US%22%3E%3CLINGO-LABEL%3EAnnouncements%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3EAzure%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3EProduct%20Updates%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3EVisio%3C%2FLINGO-LABEL%3E%3C%2FLINGO-LABS%3E
Version history
Last update:
‎Nov 03 2020 10:22 PM
Updated by: