📊 Visio Basics
What Visio Is For
1
Purpose-built for professional diagramming: flowcharts, network diagrams, org charts, floor plans, UML, and process maps
2
Unlike PowerPoint shapes, Visio shapes are "smart" — they snap together, hold data, and update connected diagrams automatically
3
Available as a desktop app or Visio for the web (browser-based, included with some Microsoft 365 plans) for lighter editing
⌨️ Shortcuts
Drawing Shortcuts
Duplicate selected shapeCtrl+D
Group / UngroupCtrl+Shift+G/U
Bring to front / Send to backCtrl+Shift+F/B
Zoom in / outCtrl+Shift+click
Fit page to windowCtrl+Shift+W
Connect shapes (hover edge)Hover + drag arrow
Open Shape Data windowF3
🧩 Shapes & Stencils
Working with Stencils
1
A Stencil is a collection of related shapes (e.g., "Basic Flowchart Shapes" or "Network and Peripherals") shown in the left panel
2
Drag a shape onto the canvas, then drag its yellow control handles to resize/reshape it
3
More Shapes menu (left panel) opens additional built-in categories: Network, Software/Database, Engineering, Maps/Floor Plans
4
Hover over the edge of a shape until blue directional arrows appear — clicking one auto-places and auto-connects a new shape in that direction
AutoConnect, Snap & Glue
1
AutoConnect (the blue arrows) automatically draws and attaches a connector when you place a new shape next to another
2
"Glued" connectors move with their attached shapes — drag a shape and its arrows follow automatically
3
View tab → toggle Snap & Glue settings to control how aggressively shapes align to each other and the grid
➰ Connectors
Drawing & Styling Connectors
1
Select the Connector tool (Home tab) then click-drag from one shape's edge to another to draw a manual connection
2
Right-click a connector → choose Straight, Curved, or Right-Angle (orthogonal) routing style
3
Double-click a connector line to add a text label directly on it (e.g., "Yes"/"No" on a decision branch)
4
Format → Line lets you change arrowheads, weight, and color to convey different relationship types
🔢 Data-Linked Diagrams
Linking Shapes to Excel Data
Data tab → Link Data to ShapesConnect an Excel sheet, SQL database, or SharePoint list as your data source
Map rows to shapesDrag rows from the External Data window onto the matching shapes on your diagram
Apply Data GraphicsAutomatically color-code, add icons, or display data fields as text based on the linked values
RefreshClick Refresh Data to update the whole diagram when the source spreadsheet changes
💡 Excellent for status dashboards built on flowcharts — e.g., color server shapes red/green automatically based on an "Online" column in a linked spreadsheet.
🏢 Org Charts & Network Diagrams
Auto-Generating an Org Chart
1
The Organization Chart Wizard (File → New → Org Chart) can build the entire chart from an Excel list of names and managers
2
Required columns: Name, Reports-To (manager's name), and any extra fields like Title or Department
3
Once generated, the hierarchy layout, lines, and boxes are created automatically — just style afterward
IT Network Diagrams
1
More Shapes → Network → Detailed Network Diagram stencil includes routers, switches, servers, firewalls, and more
2
Use Shape Data fields (right-click → Data → Shape Data) to attach IP addresses, hostnames, or VLAN info to each device icon
3
Containers and layers (View tab) help organize complex diagrams — e.g., separate the DMZ from the internal network visually
4
Great companion to network documentation alongside Active Directory diagrams and rack layout templates
👥 Sharing & Collaboration
Sharing Diagrams
1
Save to OneDrive/SharePoint to enable real-time co-authoring, same as Word/Excel/PowerPoint
2
Share a view-only link so stakeholders without a Visio license can still see the diagram via Visio for the web
3
Export to PDF, image (PNG/SVG), or embed directly into a Word doc or PowerPoint slide
4
Embed a live, auto-updating Visio diagram into a Teams channel tab for the whole team to reference
🛠️ Troubleshooting
Common Visio Problems
1
Connector doesn't follow when I move a shape: The connector's endpoint isn't "glued" — drag the green endpoint dot fully onto the shape until it turns red/highlighted
2
Can't find a specific shape: Use the Shapes search box at the top of the stencil panel instead of scrolling manually
3
Diagram looks different on another computer: Custom stencils/themes may not be installed there — check Design tab Themes are standard, not custom
4
Page is too small for the diagram: Design tab → Size → choose a larger page size, or use Page Setup to fit the drawing scale