1

Microsoft Visio Professional 2021

 2

Part 1. Some Basic Uses of MS Visio Pro (2021)

MS Visio Pro is used to…

• express visual information in two-dimensions (on the x- and y- axes),
• capture visual information,
• convey or share visual information,
• create and share .vtpx (Visio Template Package) templates (for usage by self and others),
• enable problem solving through visualizations,
• enable the drawing of workflows that may be diagram-validated / flow-checked for compliance (for the
particular visual type, like BPMN),
• enable the visualization of process diagram Excel data (through Visio Data Visualizer),
• map websites (through Web Site Map),
• create models (for software development, for project management…and others, sometimes with automated
“checks” and validations),
o and others

Featured Templates

Basic Diagram, Blank Drawing, Basic Flowchart, Organizational Chart, Detailed Network Diagram, Timeline, Cross-
Functional Flowchart, Work Flow Diagram, Office Layout, Basic Network Diagram, UML Class, Crow’s Foot Database
Notation, Microsoft SharePoint 2013 Workflow, Home Plan, Brainstorming Diagram, Floor Plan, Basic Electrical, Block
Diagram, Data Flow Diagram, Gantt Chart, Active Directory, BPMN Diagram (Business Process Model and Notation),
Audit Diagram, Wireframe Diagram, Rack Diagram, (and) Calendar

Figure 1. Some Available Templates in MS Visio Professional

Some Categories of Available Visio Templates: Network, Flowcharts, Software, Education, Business, Database, Floor
Plans, and others

Figure 2. Categories of Available Visio Templates

 3

Custom templates may be created and saved in any of a number of template format types (Visio Template, Visio Macro-
Enabled Template, Visio 2003 – 2010 Template, and others).

Custom stencil sets. Custom stencil sets may be created and stored within Visio (in Documents - > My Shapes). New
master shapes may be edited for this particular collection, and these may be set to show up in the regular image stencils
in the left menu. These images may be shared with others. To create a custom set of stencils, many will begin with an
extant set of stencils. Right click and save as. They will appear in the More Shapes -> My Shapes -> folder. Those can be
edited for later use in the left menu.

Figure 3. Custom Stencil Sets (for Frequently Used Visuals)

 4

File-Type Imports and Exports: The various file types that Visio Pro can engage may be seen in the following Import /
Export table.

Import Export

Inputs and outputs are important because MS Visio Professional files may be part of a processing sequence.
• Visio diagrams may be drawn with data as inputs…and templates as inputs…and others.
• Visio diagrams may be post-processed in image-editing software, in computer aided design software, in digital
photo albums, in digital slideshows, and others.

[About vector vs. raster digital imagery: Vector graphics are built by points, lines, and polygons on a two-dimensional
plane, on the x and y axes. They scale up and down without visual degradation. These vector graphics are images like
.svg (scalable vector graphics), .pdf (portable document format), and eps (encapsulated postscript). Raster images are
drawn using square “dot matrix” “picture elements” which create the resolution of the image, and these can pixelate if
stretched or if rendered at too low of resolution. Raster images include .bmp (bitmap image file), .tif / .tiff (tagged
image file format), .jpg / .jpeg (joint photographic experts group), .gif (graphic interchange format), and .png (portable
network graphic)].
 5

Part 2. A Bit about 2D Diagram Conventions

1. Two-dimensional diagrams exist on a plane bordered by the conceptual x- and y-axes. Two-dimensional visuals
are the most common in academia although 3D ones are becoming more common. The ambiguity in 3D imagery
can be a challenge.

2. Depending on the type of diagrams and their functionality, there are particular design conventions that should
be applied. And there are common protocols and assumptions. These should be adhered to in general.

3. The reading of a diagram is usually from top to bottom and left to right. In non-Western cultures, the reading
may be from right to left.

4. Diagrams should stand up to close scrutiny for all available assumptions within the visual.

5. The respective sizes of shapes and objects may convey particular information. Larger shapes and objects are
often considered larger in terms of the representation of the phenomenon or fact. These also draw human
attention.

6. The proximity of shapes and objects may also convey information. They may suggest some relatedness, in time,
in practice, or other dimensions.

7. The placement of objects within closed shapes convey information. They suggest belongingness to a larger
phenomenon or set.

8. Lines—their labels, their thicknesses, their connectivity, the presence/absence of arrows at the end, their dashes
/ breakages / interruptions, their straightness or curviness, and other aspects—all convey information. [Lines
without arrows are indicative of associational links in undirected graphs; lines with arrows are indicative of
directionality in directed graphs.]

9. Color may convey information, or it may be decorative (alone). Color should be of sufficient contrast to enable
the understanding of the meaning. Legends should be included to define the meaning of colors. Areas with
color should also be labeled with texture and / or terminology, so that information is not conveyed by color
alone.

10. Culturally, colors have different meanings, so these should be used with care. The built-in color palettes and
styles may be helpful in applying design to the visuals.

11. Data visualizations should be sufficiently high contrast to be viewable.

12. Text labels are important to identify contents (and dynamics) in a diagram.

13. An informational descriptive name should be included with the visual, so if it becomes separated from its
original context, it is still understandable in new contexts. The date of creation should also be indicated.

14. The information of a data visualization should be conveyed as clearly and coherently as possible. Ideally, a “beta
test” with the target audience should be done to ensure the clarity of the messaging.

15. If underlying data was used to auto-generate the diagram, that source should be trustworthy and referenced.
 6

Part 3. Session Contents

HOUR ONE: Overview of MS Visio Pro

• Brainstorming a visual or diagram (and defining conventions) | Google Images trawl of Visio imagery
• Understanding the parts of a Visio Pro GUI
• Understanding data-linked diagrams

• Starting an MS Visio project (from scratch or a template)

• Evolving the diagram using stencils and related shapes (and applying shape effects, rotating images)
• Evolving the diagram using custom shapes
• Adding text labels
• Wiring up the elements
• Placing an image in the diagram
• Placing a data visualization from Excel in the diagram
• Using pullout guides / guidelines

• Using built-in connection points, adding connection points to custom shapes

• Using the background grid for more precise layout
• Lining up elements using auto-aligns
• Applying built-in styling in Visio Pro
• Saving the file as a .vsdx file (from Visio 2013, with Open Packaging Conventions based on XML)
• Exporting image of the diagram in different visual formats

• Reviewing the diagram for efficacy

• Applying style to the diagram

HOUR TWO: Participant-Directed Explorations of MS Visio Pro

• Exploring Excel templates and drawing from data (from Excel)

• Reviewing Visio diagrams from the Social Web

Figure 4. Available Visio Diagrams from the Social Web (to Learn Conventions, to Understand Various Applications)
 7

• Mapping a website (up to three layers deep) with Web Site Map

Figure 5. Mapping a Live Website Three Layers Deep

• Using data to auto-draw a diagram (through Data Visualizer)

Figure 6. Autodrawing Diagrams from Data through Data Visualizer (on the subscription-based Visio Online Plan 2)

For this data-to-diagram auto-drawing feature, the Visio Online Plan 2 is required.
https://support.office.com/en-us/article/Create-a-Data-Visualizer-diagram-17211b46-d144-4ca2-9ea7-b0f48f0ae0a6

A screenshot of how to set up a cross-functional Process Map is below (from the template in Excel).
 8

Figure 7. Setting up a Cross-Functional Process Map with Data from Excel and Ingested into Visio (per Data Visualizer above)

• Using data to draw an organizational chart

View (tab) -> Macros -> Add-Ons -> Business -> Organizational Chart Wizard

There is an add-on that enables this drawing.

Figure 8. Using Add-ons to MS Visio Professional

 9

Figure 9. The Organization Chart Wizard Depicted from Existing Data

(This feature also requires the subscription type of Visio Online plan…in Office 365… )

• Turning on your Developer powers:

File -> Options -> Customize Ribbon -> Developer Button

Figure 10. Customizing the Ribbon in Visio Professional (to Enable the Developer Button)
 10

• If the AutoSnap / Glue is too aggressive…

View -> Visual Aids -> Dialog Launcher -> (toggle on/off) (sliders for intensity settings)

https://support.office.com/en-us/article/add-connectors-between-shapes-eaa045c8-5ce9-4d4b-bd30-bb87dc8ac65a
https://support.office.com/en-us/article/glue-or-unglue-connectors-c55370ae-a3c3-4468-9232-b32604f7252f

Figure 11. Controlling AutoSnap / Glue Intensity

• Need some white space around a diagram?

Add small “.” at 0.5 size around the image (four corners)…or use a background shape without color fill or any line to old
out the edges of the image.

• Want to use a higher-level diagram from Professional but only with Standard Visio?

Keep a copy of the more sophisticated diagram type. Open it in Standard, and you’ll be able to recreate that diagram
form using the stencils and other functionalities of the less sophisticated version of Visio.

• Want to “reverse-engineer” or transcode a .pdf “fixed” version of a Visio file back to an editable Visio format?

It is possible to take the .pdf and turn it into a Windows metafile and then .tif and from there into a Visio file again. This
requires Adobe Photoshop, the MS Suite, and Visio. The shapes and lines move, but the macros do not.

• Public facing diagrams and alternative text

If creating a diagram for public consumption, share the fixed version as vector or raster graphics, not the raw Visio
(.vsdx, .vsd, etc.). Add alternative text (alt text) to meet federal Section 508 requirements for accessibility.

https://support.office.com/en-us/article/make-your-visio-diagram-accessible-to-people-with-disabilities-e2c847a9-f010-
4fef-af65-16e252829d44

• Others
 11

Presenter: Dr. Shalin Hai-Jew

Academic and Student Technology Services
ITS, Kansas State University
785-532-5262
[email protected]

MS Visio Pro Licensure at K-State: https://www.k-state.edu/it/software/software-licenses/ms-visio-pro/index.html

$25 a year!

Digital Handout: https://idme-test.ome.ksu.edu/VisioPro.pdf (for Adobe PDF download)

https://idme-test.ome.ksu.edu/VisioPro.docx (for Word file download)

Updated: August 2021