{"id":3940,"date":"2025-05-20T07:51:12","date_gmt":"2025-05-20T07:51:12","guid":{"rendered":"https:\/\/www.creadata.com.tr\/?page_id=3940"},"modified":"2025-06-04T10:56:35","modified_gmt":"2025-06-04T10:56:35","slug":"cmpzf0j5j2-2","status":"publish","type":"page","link":"https:\/\/www.creadata.com.tr\/en\/cmpzf0j5j2-2\/","title":{"rendered":"Overlapp\u0131ng Column Chart"},"content":{"rendered":"<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:18%\">\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1334\" height=\"1334\" src=\"https:\/\/www.creadata.com.tr\/wp-content\/uploads\/2025\/05\/icice-sutun-badge-ing.png\" alt=\"\" class=\"wp-image-3943\" style=\"width:205px\" srcset=\"https:\/\/www.creadata.com.tr\/wp-content\/uploads\/2025\/05\/icice-sutun-badge-ing.png 1334w, https:\/\/www.creadata.com.tr\/wp-content\/uploads\/2025\/05\/icice-sutun-badge-ing-300x300.png 300w, https:\/\/www.creadata.com.tr\/wp-content\/uploads\/2025\/05\/icice-sutun-badge-ing-1024x1024.png 1024w, https:\/\/www.creadata.com.tr\/wp-content\/uploads\/2025\/05\/icice-sutun-badge-ing-150x150.png 150w, https:\/\/www.creadata.com.tr\/wp-content\/uploads\/2025\/05\/icice-sutun-badge-ing-768x768.png 768w\" sizes=\"auto, (max-width: 1334px) 100vw, 1334px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:82%\">\n<p>If there is a clear critical\/support relationship between the two datasets, an overlapping column chart can be used. Examples of such relationships include: target vs. actual sales, budget vs. spending, past vs. present values, your value vs. industry average, forecast vs. actual, or before-and-after comparisons. As an alternative to the fully nested look, there are also visual variations where the support value is shown as a notch, or thinner column next to the critical one, or where the bars partially overlap rather than being fully embedded.<\/p>\n<\/div>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p style=\"font-style:normal;font-weight:700\">VISUAL PERFORMANCE CHART<\/p>\n\n\n\n<style>\n  .rating-grid {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n    max-width: 1000px;\n    margin: 0 auto;\n    text-align: center;\n  }\n\n  .rating-item {\n    flex: 0 0 20%;\n    max-width: 20%;\n    box-sizing: border-box;\n    padding: 12px;\n    font-size: 12px;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: flex-start;\n  }\n\n  .rating-label {\n    min-height: 36px; \/* sabit y\u00fckseklik \u2014 hem tek hem \u00e7ift sat\u0131ra uyar *\/\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    line-height: 1.2;\n  }\n\n  .rating-stars {\n    font-size: 15px;\n    color: #f4c700;\n    margin-top: 6px;\n  }\n\n  @media (max-width: 600px) {\n    .rating-item {\n      flex: 0 0 30%;\n      max-width: 30%;\n    }\n\n    .rating-grid .rating-item:nth-child(4),\n    .rating-grid .rating-item:nth-child(5) {\n      flex: 0 0 45%;\n      max-width: 45%;\n    }\n  }\n<\/style>\n\n<div class=\"rating-grid\">\n  <div class=\"rating-item\">\n    <div class=\"rating-label\">Information<br>Density<\/div>\n    <div class=\"rating-stars\">\u2605\u2605\u2605\u2605\u2606<\/div>\n  <\/div>\n  <div class=\"rating-item\">\n    <div class=\"rating-label\">Visual<br>Readability<\/div>\n    <div class=\"rating-stars\">\u2605\u2605\u2605\u2605\u2606<\/div>\n  <\/div>\n  <div class=\"rating-item\">\n    <div class=\"rating-label\">Ease of<br>Creation<\/div>\n    <div class=\"rating-stars\">\u2605\u2605\u2605\u2606\u2606<\/div>\n  <\/div>\n  <div class=\"rating-item\">\n    <div class=\"rating-label\">Familiarity<\/div>\n    <div class=\"rating-stars\">\u2605\u2605\u2605\u2606\u2606<\/div>\n  <\/div>\n  <div class=\"rating-item\">\n    <div class=\"rating-label\">Attractiveness<\/div>\n    <div class=\"rating-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n\u00a0\u00a0<\/div>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p style=\"font-style:normal;font-weight:700\">VISUAL CREATION PLATFORMS<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"14910\" height=\"2902\" src=\"https:\/\/www.creadata.com.tr\/wp-content\/uploads\/2025\/05\/Ic-Ice-Sutun-ING.png\" alt=\"\" class=\"wp-image-5074\" style=\"width:1171px\" srcset=\"https:\/\/www.creadata.com.tr\/wp-content\/uploads\/2025\/05\/Ic-Ice-Sutun-ING.png 14910w, https:\/\/www.creadata.com.tr\/wp-content\/uploads\/2025\/05\/Ic-Ice-Sutun-ING-300x58.png 300w, https:\/\/www.creadata.com.tr\/wp-content\/uploads\/2025\/05\/Ic-Ice-Sutun-ING-1024x199.png 1024w, https:\/\/www.creadata.com.tr\/wp-content\/uploads\/2025\/05\/Ic-Ice-Sutun-ING-768x149.png 768w, https:\/\/www.creadata.com.tr\/wp-content\/uploads\/2025\/05\/Ic-Ice-Sutun-ING-1536x299.png 1536w, https:\/\/www.creadata.com.tr\/wp-content\/uploads\/2025\/05\/Ic-Ice-Sutun-ING-2048x399.png 2048w\" sizes=\"auto, (max-width: 14910px) 100vw, 14910px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p style=\"font-style:normal;font-weight:700\">SAMPLE IMAGES<\/p>\n\n\n\n<div class=\"wp-block-envira-envira-gallery\"><div id=\"envira-gallery-wrap-5505\" class=\"envira-gallery-wrap envira-lazy-loading-enabled envira-layout-mason envira-gallery-theme-base\" itemscope itemtype=\"https:\/\/schema.org\/ImageGallery\"><div class=\"envira-loader\"><div><\/div><div><\/div><div><\/div><div><\/div><\/div><div id=\"envira-gallery-5505\" class=\"envira-gallery-public envira-gallery-2-columns envira-clear enviratope\" data-envira-id=\"5505\" data-gallery-config='{\"type\":\"default\",\"layout\":\"mason\",\"columns\":2,\"justified_row_height\":150,\"justified_gallery_theme\":\"normal\",\"justified_margins\":30,\"justified_last_row\":\"nojustify\",\"justified_gallery_theme_detail\":\"\",\"gallery_theme\":\"base\",\"display_description\":0,\"description\":\"\",\"gutter\":30,\"margin\":30,\"random\":0,\"sorting_direction\":\"ASC\",\"image_size\":\"default\",\"image_sizes_random\":[],\"crop_width\":640,\"crop_height\":480,\"square_size\":300,\"crop\":0,\"crop_position\":\"c\",\"dimensions\":0,\"isotope\":true,\"css_animations\":1,\"css_opacity\":100,\"lightbox_title_caption\":\"title\",\"additional_copy_title\":0,\"additional_copy_caption\":0,\"additional_copy_automatic_title\":1,\"additional_copy_automatic_caption\":1,\"additional_copy_title_mobile\":0,\"additional_copy_caption_mobile\":0,\"additional_copy_automatic_title_mobile\":1,\"additional_copy_automatic_caption_mobile\":1,\"lazy_loading\":1,\"lazy_loading_delay\":500,\"sort_order\":\"0\",\"lightbox_enabled\":1,\"gallery_link_enabled\":1,\"lightbox_theme\":\"base_dark\",\"lightbox_image_size\":\"default\",\"lightbox_html_caption\":0,\"title_display\":\"float\",\"arrows\":1,\"arrows_position\":\"inside\",\"keyboard\":1,\"mousewheel\":1,\"toolbar\":1,\"toolbar_title\":0,\"toolbar_position\":\"top\",\"aspect\":1,\"loop\":1,\"lightbox_open_close_effect\":\"fade\",\"effect\":\"fade\",\"html5\":0,\"supersize\":0,\"thumbnails\":1,\"thumbnails_width\":75,\"thumbnails_height\":50,\"thumbnails_position\":\"bottom\",\"mobile\":1,\"mobile_width\":320,\"mobile_height\":240,\"mobile_lightbox\":1,\"mobile_touchwipe\":1,\"mobile_touchwipe_close\":0,\"mobile_arrows\":1,\"mobile_toolbar\":1,\"mobile_thumbnails\":1,\"mobile_thumbnails_width\":75,\"mobile_thumbnails_height\":50,\"mobile_justified_row_height\":80,\"title\":\"\",\"slug\":\"\",\"classes\":[],\"rtl\":0,\"show_more_text\":\"Click for more\",\"gallery_id\":\"5505\"}' data-gallery-images='[{\"status\":\"active\",\"src\":\"https:\\\/\\\/www.creadata.com.tr\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/OverlappedColumn-001.jpg\",\"title\":\"OverlappedColumn-001\",\"link\":\"https:\\\/\\\/www.creadata.com.tr\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/OverlappedColumn-001.jpg\",\"alt\":\"\",\"caption\":false,\"thumb\":\"https:\\\/\\\/www.creadata.com.tr\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/OverlappedColumn-001-75x50_c.jpg\",\"meta\":{\"aperture\":null,\"credit\":null,\"camera\":null,\"caption\":\"\",\"created_timestamp\":null,\"copyright\":null,\"focal_length\":null,\"iso\":null,\"shutter_speed\":null,\"title\":\"\",\"orientation\":null,\"keywords\":null,\"resized_images\":null},\"thumbnail\":\"https:\\\/\\\/www.creadata.com.tr\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/OverlappedColumn-001-150x150.jpg\",\"medium\":\"https:\\\/\\\/www.creadata.com.tr\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/OverlappedColumn-001-300x171.jpg\",\"medium_large\":\"https:\\\/\\\/www.creadata.com.tr\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/OverlappedColumn-001-768x438.jpg\",\"large\":\"https:\\\/\\\/www.creadata.com.tr\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/OverlappedColumn-001-1024x584.jpg\",\"1536x1536\":\"https:\\\/\\\/www.creadata.com.tr\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/OverlappedColumn-001.jpg\",\"2048x2048\":\"https:\\\/\\\/www.creadata.com.tr\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/OverlappedColumn-001.jpg\",\"trp-custom-language-flag\":\"https:\\\/\\\/www.creadata.com.tr\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/OverlappedColumn-001.jpg\",\"full\":\"https:\\\/\\\/www.creadata.com.tr\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/OverlappedColumn-001.jpg\",\"index\":0,\"id\":5504,\"video\":false,\"opts\":{\"caption\":\"\",\"thumb\":\"https:\\\/\\\/www.creadata.com.tr\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/OverlappedColumn-001-75x50_c.jpg\",\"title\":\"OverlappedColumn-001\"},\"gallery_id\":\"5505\"}]' data-lightbox-theme='{&quot;arrows&quot;:true,&quot;margins&quot;:[120,0],&quot;gutter&quot;:&quot;100&quot;,&quot;thumbs_position&quot;:&quot;bottom&quot;,&quot;base_template&quot;:&quot;&lt;div id=\\&quot;envirabox-5505\\&quot; data-envirabox-id=\\&quot;5505\\&quot; class=\\&quot;envirabox-container envirabox-theme-base_dark envirabox-wrap\\&quot; role=\\&quot;dialog\\&quot;&gt;&lt;div class=\\&quot;envirabox-bg\\&quot;&gt;&lt;\\\/div&gt;&lt;div class=\\&quot;envirabox-outer\\&quot;&gt;&lt;div class=\\&quot;envirabox-inner\\&quot;&gt;&lt;div class=\\&quot;envirabox-caption-wrap\\&quot;&gt;&lt;div class=\\&quot;envirabox-title\\&quot;&gt;&lt;\\\/div&gt;&lt;\\\/div&gt;&lt;div class=\\&quot;envirabox-toolbar\\&quot;&gt;&lt;div class=\\&quot;envira-close-button\\&quot;&gt;&lt;a data-envirabox-close class=\\&quot;envirabox-item envirabox-close envirabox-button--close\\&quot; title=\\&quot;Close\\&quot; href=\\&quot;#\\&quot;&gt;&lt;\\\/a&gt;&lt;\\\/div&gt;&lt;\\\/div&gt;&lt;div class=\\&quot;envirabox-navigation\\&quot;&gt;&lt;a data-envirabox-prev title=\\&quot;Prev\\&quot; class=\\&quot;envirabox-arrow envirabox-arrow--left envirabox-nav envirabox-prev\\&quot; href=\\&quot;#\\&quot;&gt;&lt;span&gt;&lt;\\\/span&gt;&lt;\\\/a&gt;&lt;a data-envirabox-next title=\\&quot;Next\\&quot; class=\\&quot;envirabox-arrow envirabox-arrow--right envirabox-nav envirabox-next\\&quot; href=\\&quot;#\\&quot;&gt;&lt;span&gt;&lt;\\\/span&gt;&lt;\\\/a&gt;&lt;\\\/div&gt;&lt;div class=\\&quot;envirabox-stage\\&quot;&gt;&lt;\\\/div&gt;&lt;\\\/div&gt;&lt;\\\/div&gt;&lt;\\\/div&gt;&quot;,&quot;load_all&quot;:false,&quot;error_template&quot;:&quot;&lt;div class=\\&quot;envirabox-error\\&quot;&gt;&lt;p&gt;{{ERROR}}&lt;p&gt;&lt;\\\/div&gt;&quot;,&quot;inner_caption&quot;:false,&quot;caption_position&quot;:false,&quot;arrow_position&quot;:false,&quot;toolbar&quot;:true,&quot;infobar&quot;:false,&quot;show_smallbtn&quot;:false,&quot;idle_time&quot;:false,&quot;click_content&quot;:false,&quot;click_slide&quot;:false,&quot;click_outside&quot;:false,&quot;animation_duration&quot;:false,&quot;transition_duration&quot;:false,&quot;small_btn_template&quot;:&quot;&lt;a data-envirabox-close class=\\&quot;envirabox-item envirabox-close envirabox-button--close\\&quot; title=\\&quot;Close\\&quot; href=\\&quot;#\\&quot;&gt;&lt;\\\/a&gt;&quot;}' data-parsed-attrs='{\"id\":\"5505\",\"cache\":true}'><div id=\"envira-gallery-item-5504\" class=\"envira-gallery-item envira-gallery-item-1 envira-lazy-load enviratope-item\" style=\"padding-left: 15px; padding-bottom: 30px; padding-right: 15px;\"  itemscope itemtype=\"https:\/\/schema.org\/ImageObject\"><div class=\"envira-gallery-item-inner\"><div class=\"envira-gallery-position-overlay envira-gallery-top-left\"><\/div><div class=\"envira-gallery-position-overlay envira-gallery-top-right\"><\/div><div class=\"envira-gallery-position-overlay envira-gallery-bottom-left\"><\/div><div class=\"envira-gallery-position-overlay envira-gallery-bottom-right\"><\/div><a class=\"envira-gallery-5505 envira-gallery-link\" href=\"https:\/\/www.creadata.com.tr\/wp-content\/uploads\/2025\/06\/OverlappedColumn-001.jpg\" title=\"OverlappedColumn-001\" data-caption=\"\" data-envira-item-id=\"5504\" data-envira-retina=\"https:\/\/www.creadata.com.tr\/wp-content\/uploads\/2025\/06\/OverlappedColumn-001.jpg\" data-thumb=\"https:\/\/www.creadata.com.tr\/wp-content\/uploads\/2025\/06\/OverlappedColumn-001-75x50_c.jpg\" data-title=\"OverlappedColumn-001\" data-envirabox='5505' itemprop=\"contentUrl\"><div class=\"envira-lazy\" style=\"padding-bottom: 75%;\" data-envira-changed=\"false\" data-width=\"640\" data-height=\"480\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.creadata.com.tr\/wp-content\/uploads\/2025\/06\/OverlappedColumn-001-1024x584.jpg\" alt=\"\" class=\"envira-gallery-image envira-gallery-image-1    envira-lazy\" height=\"480\" id=\"envira-gallery-image-5504\" srcset=\"data:image\/gif;base64,R0lGODlhAQABAIAAAP\/\/\/\/\/\/\/yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" tabindex=\"-1\" title=\"OverlappedColumn-001\" width=\"640\" data-caption=\"\" data-envira-gallery-id=\"5505\" data-envira-index=\"0\" data-envira-item-id=\"5504\" data-envira-src=\"https:\/\/www.creadata.com.tr\/wp-content\/uploads\/2025\/06\/OverlappedColumn-001-1024x584.jpg\" data-envira-srcset=\"https:\/\/www.creadata.com.tr\/wp-content\/uploads\/2025\/06\/OverlappedColumn-001-1024x584.jpg 400w, https:\/\/www.creadata.com.tr\/wp-content\/uploads\/2025\/06\/OverlappedColumn-001-1024x584.jpg 2x\" data-title=\"OverlappedColumn-001\" itemprop=\"thumbnailUrl\"  data-envirabox=\"5505\" \/><\/div><\/a><div class=\"envira-gallery-captioned-data envira-gallery-captioned-data-base\"><\/div><\/div><\/div><\/div><\/div><noscript><img src='https:\/\/www.creadata.com.tr\/wp-content\/uploads\/2025\/06\/OverlappedColumn-001.jpg' alt='' class='envira_noscript_images' \/><\/noscript><\/div>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p><strong>Do you have any ideas or examples related to this graphic that you would like to see published here?<\/strong><\/p>\n<a href=\"https:\/\/docs.google.com\/forms\/d\/15w1RE4B0f_56iYeW7m5o0_y9CBwXmug7Qv80kn75PtE\/viewform\" target=\"_blank\" style=\"padding: 10px 20px; background-color: #2a7ae4; color: white; text-decoration: none; border-radius: 5px;\" rel=\"noopener\">\nShare Here\n<\/a>","protected":false},"excerpt":{"rendered":"<p>If there is a clear critical\/support relationship between the two datasets, an overlapping column chart can be used. Examples of such relationships include: target vs. actual sales, budget vs. spending, past vs. present values, your value vs. industry average, forecast vs. actual, or before-and-after comparisons. As an alternative to the fully nested look, there are [&hellip;]<\/p>","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-3940","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.creadata.com.tr\/en\/wp-json\/wp\/v2\/pages\/3940","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.creadata.com.tr\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.creadata.com.tr\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.creadata.com.tr\/en\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.creadata.com.tr\/en\/wp-json\/wp\/v2\/comments?post=3940"}],"version-history":[{"count":8,"href":"https:\/\/www.creadata.com.tr\/en\/wp-json\/wp\/v2\/pages\/3940\/revisions"}],"predecessor-version":[{"id":6791,"href":"https:\/\/www.creadata.com.tr\/en\/wp-json\/wp\/v2\/pages\/3940\/revisions\/6791"}],"wp:attachment":[{"href":"https:\/\/www.creadata.com.tr\/en\/wp-json\/wp\/v2\/media?parent=3940"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}