{"id":107,"date":"2009-12-14T00:30:42","date_gmt":"2009-12-14T07:30:42","guid":{"rendered":"http:\/\/www.visiozone.com\/?p=107"},"modified":"2010-12-22T19:38:37","modified_gmt":"2010-12-23T02:38:37","slug":"simulating-3d-with-isometric-visio-shapes","status":"publish","type":"post","link":"https:\/\/visiozone.com\/?p=107","title":{"rendered":"Simulating 3D with isometric Visio shapes"},"content":{"rendered":"<div class=\"tweetthis\" style=\"text-align:right;\"><p> <a target=\"_blank\" rel=\"nofollow\" class=\"tt\" href=\"http:\/\/twitter.com\/intent\/tweet?text=Simulating+3D+with+isometric+Visio+shapes+http%3A%2F%2Fvisiozone.com%2F%3Fp%3D107\" title=\"Post to Twitter\"><img class=\"nothumb\" src=\"https:\/\/visiozone.com\/wp-content\/plugins\/tweet-this\/icons\/en\/twitter\/tt-twitter6.png\" alt=\"Post to Twitter\" \/><\/a><\/p><\/div><div class=\"mceTemp mceIEcenter\" style=\"text-align: left;\">\n<div id=\"attachment_108\" style=\"width: 303px\" class=\"wp-caption alignright\"><img aria-describedby=\"caption-attachment-108\" loading=\"lazy\" class=\"size-full wp-image-108\" title=\"Isometric_TrippLite_very_small\" src=\"https:\/\/visiozone.com\/wp-content\/uploads\/2009\/12\/Isometric_TrippLite_very_small.jpg\" alt=\"Tripp Lite isometric\" width=\"293\" height=\"192\" \/><p id=\"caption-attachment-108\" class=\"wp-caption-text\">Tripp Lite isometric<\/p><\/div>\n<p>In our last post I discussed 1D Visio shapes and their powerful connection features that ease the task of creating drawings of objects assembled into systems.\u00a0 In this article I\u2019ll describe a variation of 2D Visio shapes that are drawn to look like 3D views.<\/p>\n<\/div>\n<p>Visio includes in the box several stencils with objects drawn in an isometric style. \u00a0Wikipedia has an excellent overview of the <a href=\"http:\/\/en.wikipedia.org\/wiki\/Isometric_projection\">isometric projection<\/a> technique if you are interested.\u00a0 The appeal of isometric is that it\u2019s much easier to draw than perspective since distance of the object from the eye is not considered.\u00a0 An object at the front of a room drawn in isometric will be the same size as an identical object located at the back of the room but the view shows 3 dimensions.<\/p>\n<div class=\"mceTemp mceIEcenter\" style=\"text-align: left;\">\n<div class=\"mceTemp\">\n<div id=\"attachment_113\" style=\"width: 310px\" class=\"wp-caption alignleft\"><img aria-describedby=\"caption-attachment-113\" loading=\"lazy\" class=\"size-medium wp-image-113\" title=\"Isometric shape examples\" src=\"https:\/\/visiozone.com\/wp-content\/uploads\/2009\/12\/Isometric-shape-examples-300x218.jpg\" alt=\"Isometric Visio shapes from Visio and Visimation\" width=\"300\" height=\"218\" srcset=\"https:\/\/visiozone.com\/wp-content\/uploads\/2009\/12\/Isometric-shape-examples-300x218.jpg 300w, https:\/\/visiozone.com\/wp-content\/uploads\/2009\/12\/Isometric-shape-examples.jpg 769w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><p id=\"caption-attachment-113\" class=\"wp-caption-text\">Isometric Visio shapes from Visio and Visimation<\/p><\/div>\n<\/div>\n<p>The adjacent illustration shows the angles of the Isometric X and Y axes with the Z axis pointing up.\u00a0 The illustration has no scale\u2026 the objects are samples from Visio and Visimation stencils drawn in isometric simply to show a variety.\u00a0 In a similar style, we created a custom set of scaled isometric shapes for Tripp Lite products including equipment racks, enclosures, power strips, and power distribution units.\u00a0 A sample is at the top of this page.\u00a0 These stencils are available for free download from <a href=\"http:\/\/www.shapesource.com\/scripts\/prodView.asp?idproduct=323\">ShapeSource.com<\/a>.<\/p>\n<p>In a future article I\u2019ll cover the differences in behavior of the various types of Visio connection points for 1D and 2D glue that can ease the process of assembling a set of parts.\u00a0 I previously discussed 1D glue for mounting devices in racks, for example, and we\u2019ll revisit that here as we place devices into the enclosed racks in a simulated 3D isometric view.<\/p>\n<p>Since Visio is a 2D system, it has no way of knowing that an object is physically contained by another object in 3D space.\u00a0 We need to trick these shapes into showing the devices inside of the enclosure.<\/p>\n<div id=\"attachment_114\" style=\"width: 688px\" class=\"wp-caption aligncenter\"><img aria-describedby=\"caption-attachment-114\" loading=\"lazy\" class=\"size-full wp-image-114\" title=\"Placing_PDU_in_enclosure\" src=\"https:\/\/visiozone.com\/wp-content\/uploads\/2009\/12\/Placing_PDU_in_enclosure.jpg\" alt=\"Visimation custom Tripp Lite isometric assembly technique\" width=\"678\" height=\"221\" srcset=\"https:\/\/visiozone.com\/wp-content\/uploads\/2009\/12\/Placing_PDU_in_enclosure.jpg 678w, https:\/\/visiozone.com\/wp-content\/uploads\/2009\/12\/Placing_PDU_in_enclosure-300x97.jpg 300w\" sizes=\"(max-width: 678px) 100vw, 678px\" \/><p id=\"caption-attachment-114\" class=\"wp-caption-text\">Visimation custom Tripp Lite isometric assembly technique<\/p><\/div>\n<p>The following steps correspond to the numbers in the image above:<\/p>\n<ol>\n<li>Drop an enclosure on the page (part SR42UB from the Tripp Lite Isometric stencil)<\/li>\n<li>Drag a device (in this case a PDU) and drop it in the enclosure.\n<ol>\n<li>Note the dark box that appears around the enclosure.\u00a0 This signals that the enclosure shape is a group that will accept dropped shapes into it which is a setting in the Format &gt; Behavior dialog box.<\/li>\n<li>For this to work, the dropped shape must also have a special behavior set, \u201cAdd shape to groups on drop\u201d, in the same Behavior dialog box. The shapes in this stencil have been preset with these options.<\/li>\n<li>If you zoom in closely you can move the PDU until it\u2019s snapped into the rack with 1D glue.\u00a0 Visio can be a bit finicky under these conditions so zoom in close to see the shape handles and the red glue indicators.<\/li>\n<\/ol>\n<\/li>\n<li>The PDU is now in the group but the side panel of the enclosure is beneath the PDU shape so the PDU does not look like it\u2019s inside the enclosure<\/li>\n<li>Right click on the side panel and select Shape &gt; Bring to front.<\/li>\n<li>The side panel now covers the PDU and the PDU appears to be within the enclosure.\u00a0 Note that the enclosure is a group that\u2019s structured so that when you click on the side panel, that portion of the enclosure comes to the &#8220;front&#8221; while leaving the remainder of the enclosure \u201cbehind\u201d the PDU.<\/li>\n<\/ol>\n<div id=\"attachment_115\" style=\"width: 228px\" class=\"wp-caption alignright\"><img aria-describedby=\"caption-attachment-115\" loading=\"lazy\" class=\"size-full wp-image-115\" title=\"PDU_closup\" src=\"https:\/\/visiozone.com\/wp-content\/uploads\/2009\/12\/PDU_closup.jpg\" alt=\"Visimation custom Tripp Lite isometric close up\" width=\"218\" height=\"106\" \/><p id=\"caption-attachment-115\" class=\"wp-caption-text\">Visimation custom Tripp Lite isometric close up<\/p><\/div>\n<p>At the right is a close-up of the PDU before and after the enclosure side was brought forward.\u00a0 You\u2019ll need to work with these shapes a little to understand how to manipulate them to achieve the desired 3D results.\u00a0 Of course, this is only a problem when you are trying to place an object within the 3D envelope of another object.\u00a0 It\u2019s much easier to work with the free standing racks and enclosures and especially (on the Tripp\u00a0Lite isometric stencil)\u00a0the SRCOOL12K cooling unit and the SU20K3\/3 power unit.\u00a0 With these objects, the last one dropped will always be \u201con top\u201d.\u00a0 If you move objects around you may need to bring certain ones forward with right click menu I mentioned above or the Shape &gt; Order menu from the main menu bar.<\/p>\n<p>I hope this brings the subject of Visio 3D simulation\u00a0a<span id=\"_marker\"> bit more into &lt;ahem&gt;&#8230; perspective.<\/span><\/p>\n<\/div>\n<div class=\"tweetthis\" style=\"text-align:right;\"><p> <a target=\"_blank\" rel=\"nofollow\" class=\"tt\" href=\"http:\/\/twitter.com\/intent\/tweet?text=Simulating+3D+with+isometric+Visio+shapes+http%3A%2F%2Fvisiozone.com%2F%3Fp%3D107\" title=\"Post to Twitter\"><img class=\"nothumb\" src=\"https:\/\/visiozone.com\/wp-content\/plugins\/tweet-this\/icons\/en\/twitter\/tt-twitter6.png\" alt=\"Post to Twitter\" \/><\/a><\/p><\/div>","protected":false},"excerpt":{"rendered":"<p> <img class=\"nothumb\" src=\"https:\/\/visiozone.com\/wp-content\/plugins\/tweet-this\/icons\/en\/twitter\/tt-twitter6.png\" alt=\"Post to Twitter\" \/><\/p>\n<p> <img aria-describedby=\"caption-attachment-108\" loading=\"lazy\" class=\"size-full wp-image-108\" title=\"Isometric_TrippLite_very_small\" src=\"https:\/\/visiozone.com\/wp-content\/uploads\/2009\/12\/Isometric_TrippLite_very_small.jpg\" alt=\"Tripp Lite isometric\" width=\"293\" height=\"192\" \/><\/p>\n<p id=\"caption-attachment-108\" class=\"wp-caption-text\">Tripp Lite isometric<\/p>\n<p>In our last post I discussed 1D Visio shapes and their powerful connection features that ease the task of creating drawings of objects assembled into systems. In this article I\u2019ll describe a variation of 2D Visio shapes that are drawn to look like 3D views.<\/p>\n<p>Visio includes in the box several stencils with objects drawn in an isometric style. Wikipedia has an excellent overview of the isometric projection technique if you are interested. The appeal <a href=\"https:\/\/visiozone.com\/?p=107\"> &#8230;Continue reading<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_mi_skip_tracking":false},"categories":[6,61],"tags":[20,19,37,7,3,22,21,73,4],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v19.2 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Simulating 3D with isometric Visio shapes<\/title>\n<meta name=\"description\" content=\"How to use Microsoft Visio for 3D style drawings\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/visiozone.com\/?p=107\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Simulating 3D with isometric Visio shapes\" \/>\n<meta property=\"og:description\" content=\"How to use Microsoft Visio for 3D style drawings\" \/>\n<meta property=\"og:url\" content=\"https:\/\/visiozone.com\/?p=107\" \/>\n<meta property=\"og:site_name\" content=\"VisioZone\" \/>\n<meta property=\"article:published_time\" content=\"2009-12-14T07:30:42+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2010-12-23T02:38:37+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/visiozone.com\/wp-content\/uploads\/2009\/12\/Isometric_TrippLite_very_small.jpg\" \/>\n<meta name=\"author\" content=\"Visimation\" \/>\n<meta name=\"twitter:card\" content=\"summary\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Visimation\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebSite\",\"@id\":\"https:\/\/visiozone.com\/#website\",\"url\":\"https:\/\/visiozone.com\/\",\"name\":\"VisioZone\",\"description\":\"News, Tips, and Advice for Microsoft Visio Users\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/visiozone.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en\"},{\"@type\":\"ImageObject\",\"inLanguage\":\"en\",\"@id\":\"https:\/\/visiozone.com\/?p=107#primaryimage\",\"url\":\"http:\/\/visiozone.com\/wp-content\/uploads\/2009\/12\/Isometric_TrippLite_very_small.jpg\",\"contentUrl\":\"http:\/\/visiozone.com\/wp-content\/uploads\/2009\/12\/Isometric_TrippLite_very_small.jpg\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/visiozone.com\/?p=107#webpage\",\"url\":\"https:\/\/visiozone.com\/?p=107\",\"name\":\"Simulating 3D with isometric Visio shapes\",\"isPartOf\":{\"@id\":\"https:\/\/visiozone.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/visiozone.com\/?p=107#primaryimage\"},\"datePublished\":\"2009-12-14T07:30:42+00:00\",\"dateModified\":\"2010-12-23T02:38:37+00:00\",\"author\":{\"@id\":\"https:\/\/visiozone.com\/#\/schema\/person\/51201304605fb9824737a063c55184fd\"},\"description\":\"How to use Microsoft Visio for 3D style drawings\",\"breadcrumb\":{\"@id\":\"https:\/\/visiozone.com\/?p=107#breadcrumb\"},\"inLanguage\":\"en\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/visiozone.com\/?p=107\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/visiozone.com\/?p=107#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/visiozone.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Simulating 3D with isometric Visio shapes\"}]},{\"@type\":\"Person\",\"@id\":\"https:\/\/visiozone.com\/#\/schema\/person\/51201304605fb9824737a063c55184fd\",\"name\":\"Visimation\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en\",\"@id\":\"https:\/\/visiozone.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/713995917054f55a13f6c7249af33b8c?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/713995917054f55a13f6c7249af33b8c?s=96&d=mm&r=g\",\"caption\":\"Visimation\"},\"sameAs\":[\"http:\/\/www.visimation.com\"],\"url\":\"https:\/\/visiozone.com\/?author=1\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Simulating 3D with isometric Visio shapes","description":"How to use Microsoft Visio for 3D style drawings","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/visiozone.com\/?p=107","og_locale":"en_US","og_type":"article","og_title":"Simulating 3D with isometric Visio shapes","og_description":"How to use Microsoft Visio for 3D style drawings","og_url":"https:\/\/visiozone.com\/?p=107","og_site_name":"VisioZone","article_published_time":"2009-12-14T07:30:42+00:00","article_modified_time":"2010-12-23T02:38:37+00:00","og_image":[{"url":"http:\/\/visiozone.com\/wp-content\/uploads\/2009\/12\/Isometric_TrippLite_very_small.jpg"}],"author":"Visimation","twitter_card":"summary","twitter_misc":{"Written by":"Visimation","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebSite","@id":"https:\/\/visiozone.com\/#website","url":"https:\/\/visiozone.com\/","name":"VisioZone","description":"News, Tips, and Advice for Microsoft Visio Users","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/visiozone.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en"},{"@type":"ImageObject","inLanguage":"en","@id":"https:\/\/visiozone.com\/?p=107#primaryimage","url":"http:\/\/visiozone.com\/wp-content\/uploads\/2009\/12\/Isometric_TrippLite_very_small.jpg","contentUrl":"http:\/\/visiozone.com\/wp-content\/uploads\/2009\/12\/Isometric_TrippLite_very_small.jpg"},{"@type":"WebPage","@id":"https:\/\/visiozone.com\/?p=107#webpage","url":"https:\/\/visiozone.com\/?p=107","name":"Simulating 3D with isometric Visio shapes","isPartOf":{"@id":"https:\/\/visiozone.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/visiozone.com\/?p=107#primaryimage"},"datePublished":"2009-12-14T07:30:42+00:00","dateModified":"2010-12-23T02:38:37+00:00","author":{"@id":"https:\/\/visiozone.com\/#\/schema\/person\/51201304605fb9824737a063c55184fd"},"description":"How to use Microsoft Visio for 3D style drawings","breadcrumb":{"@id":"https:\/\/visiozone.com\/?p=107#breadcrumb"},"inLanguage":"en","potentialAction":[{"@type":"ReadAction","target":["https:\/\/visiozone.com\/?p=107"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/visiozone.com\/?p=107#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/visiozone.com\/"},{"@type":"ListItem","position":2,"name":"Simulating 3D with isometric Visio shapes"}]},{"@type":"Person","@id":"https:\/\/visiozone.com\/#\/schema\/person\/51201304605fb9824737a063c55184fd","name":"Visimation","image":{"@type":"ImageObject","inLanguage":"en","@id":"https:\/\/visiozone.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/713995917054f55a13f6c7249af33b8c?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/713995917054f55a13f6c7249af33b8c?s=96&d=mm&r=g","caption":"Visimation"},"sameAs":["http:\/\/www.visimation.com"],"url":"https:\/\/visiozone.com\/?author=1"}]}},"_links":{"self":[{"href":"https:\/\/visiozone.com\/index.php?rest_route=\/wp\/v2\/posts\/107"}],"collection":[{"href":"https:\/\/visiozone.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/visiozone.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/visiozone.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/visiozone.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=107"}],"version-history":[{"count":15,"href":"https:\/\/visiozone.com\/index.php?rest_route=\/wp\/v2\/posts\/107\/revisions"}],"predecessor-version":[{"id":152,"href":"https:\/\/visiozone.com\/index.php?rest_route=\/wp\/v2\/posts\/107\/revisions\/152"}],"wp:attachment":[{"href":"https:\/\/visiozone.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=107"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/visiozone.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=107"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/visiozone.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=107"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}