{"id":808,"date":"2016-05-17T10:37:11","date_gmt":"2016-05-17T09:37:11","guid":{"rendered":"https:\/\/www.threesl.com\/blog\/?p=808"},"modified":"2018-10-08T11:09:22","modified_gmt":"2018-10-08T10:09:22","slug":"show-link-types-hids-colour","status":"publish","type":"post","link":"https:\/\/www.threesl.com\/blog\/show-link-types-hids-colour\/","title":{"rendered":"Show Link Types in HIDs with Colour"},"content":{"rendered":"<article id=\"post-808\" class=\"post-808 post type-post status-publish format-standard hentry category-articles tag-cross-references tag-hierarchy-diagrams tag-user-interface-ui\">\n<header class=\"entry-header\">\n<h2>Looking for a way to brighten up your day?!<\/h2>\n<\/header>\n<\/article>\n<div><\/div>\n<div>What better way than using Hierachy Diagrams (HIDs) that show link types in colour!<\/div>\n<div><\/div>\n<p>Hierarchy Diagrams (HIDs) are an excellent way to show the relationships between items in your database. The boxes in the diagrams are the items and their connecting lines are the cross references.<\/p>\n<p>You can define a colour for each cross reference link type in the schema. If you do, then these colours are used to draw the cross references in HIDs.<\/p>\n<p>This means that you can easily interpret the connections shown by the HID as, for example &#8216;has child&#8217; or &#8216;is satisfied by&#8217;, or &#8216;allocated to&#8217; relationships.<\/p>\n<p>If you have not tried setting colours for your cross reference link types, please try it and see how this will transform the ease with which your HIDs can be interpreted!<\/p>\n<figure style=\"width: 1016px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" title=\"Example Hierarchy Diagram\" src=\"https:\/\/www.threesl.com\/cradle\/help\/7.4\/resources\/Images\/WorkBench\/dialogs\/example_hid.png\" alt=\"Screenshot showing Example Hierarchy Diagram\" width=\"1016\" height=\"798\" \/><figcaption class=\"wp-caption-text\">Example Hierarchy Diagram<\/figcaption><\/figure>\n<aside class=\"mashsb-container mashsb-main mashsb-stretched\"><div class=\"mashsb-box\"><div class=\"mashsb-buttons\"><a class=\"mashicon-twitter mash-small mash-center mashsb-noshadow\" href=\"https:\/\/twitter.com\/intent\/tweet?text=&amp;url=https:\/\/www.threesl.com\/blog\/show-link-types-hids-colour\/&amp;via=threesl\" target=\"_top\" rel=\"nofollow\"><span class=\"icon\"><\/span><span class=\"text\">Tweet<\/span><\/a><a class=\"mashicon-facebook mash-small mash-center mashsb-noshadow\" href=\"https:\/\/www.facebook.com\/sharer.php?u=https%3A%2F%2Fwww.threesl.com%2Fblog%2Fshow-link-types-hids-colour%2F\" target=\"_top\" rel=\"nofollow\"><span class=\"icon\"><\/span><span class=\"text\">Share<\/span><\/a><a class=\"mashicon-subscribe mash-small mash-center mashsb-noshadow\" href=\"#\" target=\"_top\" rel=\"nofollow\"><span class=\"icon\"><\/span><span class=\"text\">Newsletter<\/span><\/a><div class=\"onoffswitch2 mash-small mashsb-noshadow\" style=\"display:none\"><\/div><\/div>\n            <\/div>\n                <div style=\"clear:both\"><\/div><\/aside>\n            <!-- Share buttons by mashshare.net - Version: 4.0.47-->","protected":false},"excerpt":{"rendered":"<p>Looking for a way to brighten up your day?! What better way than using Hierachy Diagrams (HIDs) that show link types in colour! Hierarchy Diagrams (HIDs) are an excellent way to show the relationships between items in your database. The boxes in the diagrams are the items and their connecting lines are the cross references. &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/www.threesl.com\/blog\/show-link-types-hids-colour\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Show Link Types in HIDs with Colour&#8221;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_lmt_disableupdate":"","_lmt_disable":"","footnotes":""},"categories":[78],"tags":[329,549,551],"class_list":["post-808","post","type-post","status-publish","format-standard","hentry","category-articles","tag-cross-references","tag-hierarchy-diagrams","tag-user-interface-ui"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Show Link Types in HIDs with Colour - 3SL Blog<\/title>\n<meta name=\"description\" content=\"Showing relationships between items in your database using Hierarchy Diagrams\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.threesl.com\/blog\/show-link-types-hids-colour\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Show Link Types in HIDs with Colour - 3SL Blog\" \/>\n<meta property=\"og:description\" content=\"Showing relationships between items in your database using Hierarchy Diagrams\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.threesl.com\/blog\/show-link-types-hids-colour\/\" \/>\n<meta property=\"og:site_name\" content=\"3SL Blog\" \/>\n<meta property=\"article:publisher\" content=\"http:\/\/facebook.com\/3SLCradle\" \/>\n<meta property=\"article:published_time\" content=\"2016-05-17T09:37:11+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2018-10-08T10:09:22+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.threesl.com\/cradle\/help\/7.4\/resources\/Images\/WorkBench\/dialogs\/example_hid.png\" \/>\n<meta name=\"author\" content=\"3SL\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@threesl\" \/>\n<meta name=\"twitter:site\" content=\"@threesl\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"3SL\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.threesl.com\\\/blog\\\/show-link-types-hids-colour\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.threesl.com\\\/blog\\\/show-link-types-hids-colour\\\/\"},\"author\":{\"name\":\"3SL\",\"@id\":\"https:\\\/\\\/www.threesl.com\\\/blog\\\/#\\\/schema\\\/person\\\/749ccd9b2d74303fa8927e06c2af8b0b\"},\"headline\":\"Show Link Types in HIDs with Colour\",\"datePublished\":\"2016-05-17T09:37:11+00:00\",\"dateModified\":\"2018-10-08T10:09:22+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.threesl.com\\\/blog\\\/show-link-types-hids-colour\\\/\"},\"wordCount\":157,\"publisher\":{\"@id\":\"https:\\\/\\\/www.threesl.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.threesl.com\\\/blog\\\/show-link-types-hids-colour\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.threesl.com\\\/cradle\\\/help\\\/7.4\\\/resources\\\/Images\\\/WorkBench\\\/dialogs\\\/example_hid.png\",\"keywords\":[\"cross references \\\/ links\",\"hierarchy diagrams (HID)\",\"user interface (UI)\"],\"articleSection\":[\"Articles\"],\"inLanguage\":\"en-GB\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.threesl.com\\\/blog\\\/show-link-types-hids-colour\\\/\",\"url\":\"https:\\\/\\\/www.threesl.com\\\/blog\\\/show-link-types-hids-colour\\\/\",\"name\":\"Show Link Types in HIDs with Colour - 3SL Blog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.threesl.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.threesl.com\\\/blog\\\/show-link-types-hids-colour\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.threesl.com\\\/blog\\\/show-link-types-hids-colour\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.threesl.com\\\/cradle\\\/help\\\/7.4\\\/resources\\\/Images\\\/WorkBench\\\/dialogs\\\/example_hid.png\",\"datePublished\":\"2016-05-17T09:37:11+00:00\",\"dateModified\":\"2018-10-08T10:09:22+00:00\",\"description\":\"Showing relationships between items in your database using Hierarchy Diagrams\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.threesl.com\\\/blog\\\/show-link-types-hids-colour\\\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.threesl.com\\\/blog\\\/show-link-types-hids-colour\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/www.threesl.com\\\/blog\\\/show-link-types-hids-colour\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.threesl.com\\\/cradle\\\/help\\\/7.4\\\/resources\\\/Images\\\/WorkBench\\\/dialogs\\\/example_hid.png\",\"contentUrl\":\"https:\\\/\\\/www.threesl.com\\\/cradle\\\/help\\\/7.4\\\/resources\\\/Images\\\/WorkBench\\\/dialogs\\\/example_hid.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.threesl.com\\\/blog\\\/show-link-types-hids-colour\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.threesl.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Show Link Types in HIDs with Colour\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.threesl.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.threesl.com\\\/blog\\\/\",\"name\":\"3SL Blog\",\"description\":\"From concept to creation\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.threesl.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.threesl.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.threesl.com\\\/blog\\\/#organization\",\"name\":\"3SL\",\"url\":\"https:\\\/\\\/www.threesl.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/www.threesl.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.threesl.com\\\/blog\\\/wp-content\\\/uploads\\\/2017\\\/02\\\/3SL_Logo_Medium.png\",\"contentUrl\":\"https:\\\/\\\/www.threesl.com\\\/blog\\\/wp-content\\\/uploads\\\/2017\\\/02\\\/3SL_Logo_Medium.png\",\"width\":152,\"height\":80,\"caption\":\"3SL\"},\"image\":{\"@id\":\"https:\\\/\\\/www.threesl.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"http:\\\/\\\/facebook.com\\\/3SLCradle\",\"https:\\\/\\\/x.com\\\/threesl\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.threesl.com\\\/blog\\\/#\\\/schema\\\/person\\\/749ccd9b2d74303fa8927e06c2af8b0b\",\"name\":\"3SL\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/cee8089745b3e7d79c57d621cc634da71def3561fcf40d4932a3e38743e23af0?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/cee8089745b3e7d79c57d621cc634da71def3561fcf40d4932a3e38743e23af0?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/cee8089745b3e7d79c57d621cc634da71def3561fcf40d4932a3e38743e23af0?s=96&d=mm&r=g\",\"caption\":\"3SL\"},\"sameAs\":[\"http:\\\/\\\/www.threesl.com\\\/\",\"https:\\\/\\\/x.com\\\/threesl\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Show Link Types in HIDs with Colour - 3SL Blog","description":"Showing relationships between items in your database using Hierarchy Diagrams","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:\/\/www.threesl.com\/blog\/show-link-types-hids-colour\/","og_locale":"en_GB","og_type":"article","og_title":"Show Link Types in HIDs with Colour - 3SL Blog","og_description":"Showing relationships between items in your database using Hierarchy Diagrams","og_url":"https:\/\/www.threesl.com\/blog\/show-link-types-hids-colour\/","og_site_name":"3SL Blog","article_publisher":"http:\/\/facebook.com\/3SLCradle","article_published_time":"2016-05-17T09:37:11+00:00","article_modified_time":"2018-10-08T10:09:22+00:00","og_image":[{"url":"https:\/\/www.threesl.com\/cradle\/help\/7.4\/resources\/Images\/WorkBench\/dialogs\/example_hid.png","type":"","width":"","height":""}],"author":"3SL","twitter_card":"summary_large_image","twitter_creator":"@threesl","twitter_site":"@threesl","twitter_misc":{"Written by":"3SL","Estimated reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.threesl.com\/blog\/show-link-types-hids-colour\/#article","isPartOf":{"@id":"https:\/\/www.threesl.com\/blog\/show-link-types-hids-colour\/"},"author":{"name":"3SL","@id":"https:\/\/www.threesl.com\/blog\/#\/schema\/person\/749ccd9b2d74303fa8927e06c2af8b0b"},"headline":"Show Link Types in HIDs with Colour","datePublished":"2016-05-17T09:37:11+00:00","dateModified":"2018-10-08T10:09:22+00:00","mainEntityOfPage":{"@id":"https:\/\/www.threesl.com\/blog\/show-link-types-hids-colour\/"},"wordCount":157,"publisher":{"@id":"https:\/\/www.threesl.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.threesl.com\/blog\/show-link-types-hids-colour\/#primaryimage"},"thumbnailUrl":"https:\/\/www.threesl.com\/cradle\/help\/7.4\/resources\/Images\/WorkBench\/dialogs\/example_hid.png","keywords":["cross references \/ links","hierarchy diagrams (HID)","user interface (UI)"],"articleSection":["Articles"],"inLanguage":"en-GB"},{"@type":"WebPage","@id":"https:\/\/www.threesl.com\/blog\/show-link-types-hids-colour\/","url":"https:\/\/www.threesl.com\/blog\/show-link-types-hids-colour\/","name":"Show Link Types in HIDs with Colour - 3SL Blog","isPartOf":{"@id":"https:\/\/www.threesl.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.threesl.com\/blog\/show-link-types-hids-colour\/#primaryimage"},"image":{"@id":"https:\/\/www.threesl.com\/blog\/show-link-types-hids-colour\/#primaryimage"},"thumbnailUrl":"https:\/\/www.threesl.com\/cradle\/help\/7.4\/resources\/Images\/WorkBench\/dialogs\/example_hid.png","datePublished":"2016-05-17T09:37:11+00:00","dateModified":"2018-10-08T10:09:22+00:00","description":"Showing relationships between items in your database using Hierarchy Diagrams","breadcrumb":{"@id":"https:\/\/www.threesl.com\/blog\/show-link-types-hids-colour\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.threesl.com\/blog\/show-link-types-hids-colour\/"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/www.threesl.com\/blog\/show-link-types-hids-colour\/#primaryimage","url":"https:\/\/www.threesl.com\/cradle\/help\/7.4\/resources\/Images\/WorkBench\/dialogs\/example_hid.png","contentUrl":"https:\/\/www.threesl.com\/cradle\/help\/7.4\/resources\/Images\/WorkBench\/dialogs\/example_hid.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.threesl.com\/blog\/show-link-types-hids-colour\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.threesl.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Show Link Types in HIDs with Colour"}]},{"@type":"WebSite","@id":"https:\/\/www.threesl.com\/blog\/#website","url":"https:\/\/www.threesl.com\/blog\/","name":"3SL Blog","description":"From concept to creation","publisher":{"@id":"https:\/\/www.threesl.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.threesl.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"},{"@type":"Organization","@id":"https:\/\/www.threesl.com\/blog\/#organization","name":"3SL","url":"https:\/\/www.threesl.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/www.threesl.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.threesl.com\/blog\/wp-content\/uploads\/2017\/02\/3SL_Logo_Medium.png","contentUrl":"https:\/\/www.threesl.com\/blog\/wp-content\/uploads\/2017\/02\/3SL_Logo_Medium.png","width":152,"height":80,"caption":"3SL"},"image":{"@id":"https:\/\/www.threesl.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["http:\/\/facebook.com\/3SLCradle","https:\/\/x.com\/threesl"]},{"@type":"Person","@id":"https:\/\/www.threesl.com\/blog\/#\/schema\/person\/749ccd9b2d74303fa8927e06c2af8b0b","name":"3SL","image":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/secure.gravatar.com\/avatar\/cee8089745b3e7d79c57d621cc634da71def3561fcf40d4932a3e38743e23af0?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/cee8089745b3e7d79c57d621cc634da71def3561fcf40d4932a3e38743e23af0?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/cee8089745b3e7d79c57d621cc634da71def3561fcf40d4932a3e38743e23af0?s=96&d=mm&r=g","caption":"3SL"},"sameAs":["http:\/\/www.threesl.com\/","https:\/\/x.com\/threesl"]}]}},"modified_by":"Phil Shaw","_links":{"self":[{"href":"https:\/\/www.threesl.com\/blog\/wp-json\/wp\/v2\/posts\/808","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.threesl.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.threesl.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.threesl.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.threesl.com\/blog\/wp-json\/wp\/v2\/comments?post=808"}],"version-history":[{"count":3,"href":"https:\/\/www.threesl.com\/blog\/wp-json\/wp\/v2\/posts\/808\/revisions"}],"predecessor-version":[{"id":4397,"href":"https:\/\/www.threesl.com\/blog\/wp-json\/wp\/v2\/posts\/808\/revisions\/4397"}],"wp:attachment":[{"href":"https:\/\/www.threesl.com\/blog\/wp-json\/wp\/v2\/media?parent=808"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.threesl.com\/blog\/wp-json\/wp\/v2\/categories?post=808"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.threesl.com\/blog\/wp-json\/wp\/v2\/tags?post=808"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}