Skip Ribbon Commands Skip to main content
 
     
Rating: 2/5 (4 votes cast)
Linking Data to Shapes
​Visio 2010 allows users the ability to quickly link data to shapes, allowing for easy visualization of complex business issues.  This advanced functionality is exposed through an easy-to-use interface and is designed to allow anyone (with appropriate data access) the ability to link data to shapes.
This step-by-step article will go through the basics of connecting data to shapes through the use of a simple bottling process Visio diagram.
Tools needed:

    Visio 2010 Professional or Premium
    Excel 2010

Optional(to publish the completed diagram to Visio Services):

    SharePoint Server 2010 or
    SharePoint Online (part of Office 365)

1
Original Diagram
The original Visio diagram: accurate, but jumbled
 We’ll start with a simple bottling process diagram, created in Visio 2010, with no links to any data, illustrated to the right.  Often, when creating a diagram, the emphasis is on making sure the correct steps are illustrated in the diagram and that the process is an accurate representation of the one used. Shapes are often added and taken out somewhat haphazardly during the drafting stage, leading to a jumbled diagram that is hard to follow and not visually appealing. Visio allows this type of fluid diagram creation by automatically adding additional canvas area if a diagram spans multiple pages and with the addition of the quick shapes toolbar, enabling fast access to frequently used diagram shapes.

2 Visio 2010 has three built in tools that help with aligning the shapes on the page to be easier to follow: on-screen aids, distribution commands and auto-align and space. The latter two commands may be found on the "Home" tab of the new Fluent UI tabbed interface.

Align and Space menu item
Align and space menu item

Align and space screen tips
On-screen aids

3 Start by selecting all the shapes on the diagram (either by left-clicking and dragging to cover all shapes while holding the mouse button down or by pressing Ctrl-A). Once all shapes are selected, click the "Auto Align & Space" menu item. The diagram should now be on a single page with all the shapes aligned.
Original Diagram
The Visio diagram aligned

4 The diagram is now ready to be linked to data. In this example, the data for our diagram is in an Excel file, but can be in any data-store that Visio supports (such as a SQL database or other ODBC compliant data-source). Importing the data to the diagram is a simple two-step process. First, the data is imported into the Visio diagram via the data tab.

5 Once “Link Data to shapes” is selected, a wizard starts which provides guidance through the process of linking the data to Visio. Once the data is linked, you can either choose to manually drag and drop rows of data to the corresponding shape, or, if the data and shape have the same unique identifier, you can automatically link the data.
Original Diagram
The Import Data Wizard
Other than a small chain icon in the external data window, you may not notice any other visible indication that the shapes have linked successfully.

6 One of the main benefits of linking data to diagrams is that users can quickly get a visual representation of how their processes are doing and where bottlenecks exist. To illustrate how this could work, let’s add data graphics to the bottling diagram.

7 One of the main benefits of linking data to diagrams is that users can quickly get a visual representation of how their processes are doing and where bottlenecks exist. To illustrate how this could work, let’s add data graphics to the bottling diagram.
Original Diagram
Applying data graphics to shapes

8 The following Visio Services diagram shows a completed version of the diagram:

 
Refresh Disabled
Enable refresh if you trust the contents of this file.
Enable (this session)
Enable (always)
Improve Your Experience Web Drawings load faster and look clearer when Silverlight is installed.Install Microsoft Silverlight
Shape Information
Select a shape to view its associated hyperlinks and data.
Hyperlinks
No hyperlinks.
Shape Data
No shape data.
LabelValue