{"id":27239,"date":"2017-05-15T15:05:22","date_gmt":"2017-05-15T07:05:22","guid":{"rendered":"http:\/\/localhost\/help\/?page_id=27239"},"modified":"2020-11-11T17:00:52","modified_gmt":"2020-11-11T09:00:52","slug":"treemap","status":"publish","type":"page","link":"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/using-the-page-controls\/charts\/treemap\/","title":{"rendered":"Using a Treemap"},"content":{"rendered":"<p class=\"intro-text\"><\/p>\n<p class=\"intro-text\">The Treemap shows relative values of numeric data as rectangles\u00a0of different sizes, with an additional dimension represented by colour coding. So the size of the rectangular regions represent one dimension (e.g. oil produced) while the colours represent another dimension (e.g. water produced).\u00a0Here is how to interpret the Treemap.<\/p>\n<p class=\"intro-text\">Note that the colours below represent the default out-of-the-box colours for the Treemap. These may change if\u00a0your Explorer Administrator has configured something different.<\/p>\n<h2 class=\"page-subheading\">Features of a Treemap<\/h2>\n<p class=\"intro-text\"><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/11\/treemap-regions.png\" rel=\"lightbox-0\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-22091\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/11\/treemap-regions.png\" alt=\"treemap-regions\" width=\"671\" height=\"604\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/11\/treemap-regions.png 671w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/11\/treemap-regions-150x135.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/11\/treemap-regions-24x22.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/11\/treemap-regions-36x32.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/11\/treemap-regions-48x43.png 48w\" sizes=\"auto, (max-width: 671px) 100vw, 671px\" \/><\/a><\/p>\n<table>\n<tbody>\n<tr>\n<td>\n<p><strong>1. Light Grey<\/strong>:<\/p>\n<p>Regions of light grey mean that the value of the data that determines colour, is approaching the minimum value specified in the configuration. \u00a0<\/p>\n<\/td>\n<td>\n<p><strong>4. Red<\/strong>:\u00a0<\/p>\n<p>Regions with a red\u00a0colour mean that the\u00a0value of the data that determines colour, is lower than the minimum value specified in the configuration. \u00a0<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td>\n<p><strong>2. Dark Grey<\/strong>:\u00a0<\/p>\n<p>Regions of dark\u00a0grey mean that the value of the data that determines colour, is approaching the maximum value specified in the configuration. \u00a0<\/p>\n<\/td>\n<td>\n<p><strong>5. Purple<\/strong>:<\/p>\n<p>If regions have been aggregated or combined, they are represented by a purple colour.<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td>\n<p><strong>3. Cyan<\/strong>:<\/p>\n<p>Regions with a cyan colour mean that the\u00a0value of the data that determines colour, is higher than the\u00a0maximum value specified in the configuration. \u00a0<\/p>\n<\/td>\n<td>\n<p><strong>6. Tooltip<\/strong>:<\/p>\n<p>Hover over a region of the Treemap to see a tooltip. The tooltip displays the value of the size, and the percentage of the total treemap.<\/p>\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/11\/treemap-tooltip.png\" rel=\"lightbox-1\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-22090\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/11\/treemap-tooltip.png\" alt=\"treemap-tooltip\" width=\"588\" height=\"113\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/11\/treemap-tooltip.png 588w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/11\/treemap-tooltip-150x29.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/11\/treemap-tooltip-24x5.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/11\/treemap-tooltip-36x7.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/11\/treemap-tooltip-48x9.png 48w\" sizes=\"auto, (max-width: 588px) 100vw, 588px\" \/><\/a><\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<hr \/>\n<h2 class=\"page-subheading\">Hover and Selection<\/h2>\n<p class=\"intro-text\">You can hover over a region to see the tooltip.<\/p>\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/11\/treemap-hover.png\" rel=\"lightbox-2\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-26748\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/11\/treemap-hover.png\" alt=\"\" width=\"165\" height=\"136\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/11\/treemap-hover.png 165w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/11\/treemap-hover-150x124.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/11\/treemap-hover-24x20.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/11\/treemap-hover-36x30.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/11\/treemap-hover-48x40.png 48w\" sizes=\"auto, (max-width: 165px) 100vw, 165px\" \/><\/a><\/p>\n<p class=\"intro-text\">If configured, clicking on a region can also update other elements on the page.\u00a0<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The Treemap shows relative values of numeric data as rectangles of different sizes, with an additional dimension represented by colour coding. Read about how to use the treemap.<\/p>\n<p class=\"continue-reading-button\"> <a class=\"continue-reading-link\" href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/using-the-page-controls\/charts\/treemap\/\">Read more<i class=\"crycon-right-dir\"><\/i><\/a><\/p>\n","protected":false},"author":1,"featured_media":19166,"parent":27232,"menu_order":6,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":"","_members_access_role":[],"_members_access_error":""},"categories":[4],"tags":[15,499],"class_list":["post-27239","page","type-page","status-publish","has-post-thumbnail","hentry","category-explainer","tag-charts-2","tag-treemap","Version-4-5-0","Product-ex"],"_links":{"self":[{"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/pages\/27239","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/comments?post=27239"}],"version-history":[{"count":1,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/pages\/27239\/revisions"}],"predecessor-version":[{"id":46057,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/pages\/27239\/revisions\/46057"}],"up":[{"embeddable":true,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/pages\/27232"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/media\/19166"}],"wp:attachment":[{"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/media?parent=27239"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/categories?post=27239"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/tags?post=27239"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}