Oblique Connectors For Your 3D Diagrams
Posted by Visio Guy on October 29th, 2007 8753 views
Visio network shapes have gone "3D", but Visio connectors have decidedly not...
...unless you're the guys behind the creation of the Zeus ZXTM Appliance Network Stencil. Several readers have noticed the cool isometric connectors that the KnowledgeHub guys used in their sample illustration, and want to get 'hold of 'em.
We're not sure where the KH folks got those connectors, but a little light bulb went * bing * inside our Visio Guy heads as we remembered yet another an unfinished prototype gathering dust on our HD. Ah yes, Oblique Connector.vsd, from long, long ago...
Yes, we dug-up and dusted-off the old prototype and produced a finished shape that lets you connect 3D, or isometric looking shapes with connectors that match. In today's download, you'll find this master:
![]()
Which lets you create illustrations that look like this:

If you right-click on the connector, you'll see a BUNCH of options:

Let's briefly go over the menu items and other features of the shape:
Flip
The first menu item is Flip Direction. This changes the "S" orientation of the connector by 90 degrees (in our projected world...) In the illustration above, you can see the light-gray line represents what the black line would look like after this flipping operation.
Reset Bend Position
This sends the bend back to the middle position. You can reposition the bend by tugging on the little yellow control handle in the middle of the shape. But if you want to get a bunch of connectors to line up, like they are in the first illustration up top, it's best to get the bend back to the default position. Note, if the bend is already there, then this menu item will be disabled.
Z-order
The items are self-explanatory, but the point is this: it's easier to send the connector behind the computer, then to try to adjust connection points so that they're just on the edge where the connector meets the shape.
Angle and Slope
You can change the perspective of the connector by choosing one of the slope settings. 30°, 45° and 60° settings are probably pretty clear - the connector lines will follow those angles. For the other "ratio" settings, the numbers simply indicate how much the connector lines run horizontally versus how much they rise vertically. So the 1:3 setting means the connector goes over three units and up one unit. The 1:1 setting is the same as 45°.
Visio's snazzy 3D network shapes appear to be drawn as true isometric projections. That means their lines run at 30° from the horizontal. So our connector should technically use the 30° setting to match the angles of the network shapes. We've found, however, that the setting 1:2 is very close to 30° (it's 26.6°...) works very well, because it's easier to position the network shapes in 1:2 increments by snapping to the grid.
Edit via Custom Properties / Shape Data
You can also change the flip direction and the slope of the connector via Custom Properties (Shape Data). Just show the property-editing window via View > Shape Data Window (in Visio 2007) or View > Custom Properties Window (in Visio 2003) and you'll see the fields just waiting for your input!
Dynamic Glue
Normally, as you connect shapes in Visio, you get that neat-o red rectangle that indicates you're making a dynamically glued connection. With dynamic glue, a connector will automatically wander around the perimeter of a shape, finding the best place to which to connect.
We tried to implement this feature on the Oblique connector shape, but it just wouldn't work. It seems that Visio's Dynamic connector gets lots of special treatment from the engine. This treatment had the effect of hammering our carefully crafted ShapeSheet formulas and making the connector do scary things.
Visio Guy 






November 2nd, 2007 at 6:02 am
Good work, Chris!
November 12th, 2007 at 10:58 pm
Saved me hours of work, really, my kid thanks you for this ;), great work. Now a question, how can I build 3d objects in visio (or for visio)? I need to do some basic drowing in 3d and I didn´t find anything close to what I need in the the shape library.
Mauricio
November 23rd, 2007 at 12:05 pm
Great work, thanks.
February 3rd, 2008 at 11:39 pm
Thanks for this - most helpful!!
February 5th, 2008 at 5:48 pm
Hey Guys,
Thanks for the positive feedback. Glad the shapes helped you out!
- Chris
February 12th, 2008 at 7:02 pm
Do you know where I can find oblique Cisco shapes?
February 13th, 2008 at 4:18 pm
Hi Brian,
I don’t know of any oblique Cisco shapes off-hand. Have you looked at Visio Cafe? or maybe even the Cisco site itself? Probably, you’ll mostly find shapes that are straight-on elevation views, but good luck!
- Chris
February 26th, 2008 at 12:03 am
Brian — As Visio Guy said, check out Visio Cafe. Go to the VSDfx section…there you’ll find Cisco 3D images. It’s only a handfull of models at this point, but it’s a start!
March 4th, 2008 at 9:01 am
Shameless plug time… we also have some Isometric connector shapes in the VSD Grafx collection on the Visio Cafe that are located in the VSDfx-Essentials-3D.vss stencil. We threw in some Isometric arrows as well. Keep your eyes open for more stuff Isometric shapes in the future - we’ve just gotten started!
Trevor Foster
VSD Grafx Inc.
March 4th, 2008 at 6:03 pm
Hey Trevor,
No shame about plugging! You’ve got some real cool stuff on Visio Cafe, and should be proud of it.
I really like the Isometric Arrows you guys posted!
- Chris
July 28th, 2008 at 7:58 pm
Is there any way to make these connectors ‘jump’ over eachother like the default connector objects in Visio?
July 28th, 2008 at 9:18 pm
Hi Jason,
Good idea.
These connectors are hand-built and don’t use the built-in auto-routing capabilities that Visio has. Unfortunately, line jumps are part of that functionality. I tried implementing some of those features in these connectors, but Visio ends up taking over the shape and blasting the isometric/oblique geometry.
So it doesn’t work.
A work-around is to create a custom line pattern that has a black line surrounded by white on both sides. This has the effect of making crossing lines look like they have a gap-style line jump.
For more on custom patterns, see our “custom pattern” tagged articles:
http://www.visguy.com/tag/custom-patterns/
- Chris
August 4th, 2008 at 4:42 pm
Thank you!!!
It’s exactly what was looking for.
Thanks again for saving me hours of time