{"id":4008,"date":"2025-05-20T11:08:42","date_gmt":"2025-05-20T11:08:42","guid":{"rendered":"https:\/\/www.creadata.com.tr\/?page_id=4008"},"modified":"2025-07-02T15:47:38","modified_gmt":"2025-07-02T15:47:38","slug":"pcs2z0oz2y-2","status":"publish","type":"page","link":"https:\/\/www.creadata.com.tr\/en\/pcs2z0oz2y-2\/","title":{"rendered":"100% Stacked Area 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-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"1024\" src=\"https:\/\/www.creadata.com.tr\/wp-content\/uploads\/2025\/05\/100-yigilmis-alan-ing-badge-1024x1024.png\" alt=\"\" class=\"wp-image-4009\" style=\"width:205px\" srcset=\"https:\/\/www.creadata.com.tr\/wp-content\/uploads\/2025\/05\/100-yigilmis-alan-ing-badge-1024x1024.png 1024w, https:\/\/www.creadata.com.tr\/wp-content\/uploads\/2025\/05\/100-yigilmis-alan-ing-badge-300x300.png 300w, https:\/\/www.creadata.com.tr\/wp-content\/uploads\/2025\/05\/100-yigilmis-alan-ing-badge-150x150.png 150w, https:\/\/www.creadata.com.tr\/wp-content\/uploads\/2025\/05\/100-yigilmis-alan-ing-badge-768x769.png 768w, https:\/\/www.creadata.com.tr\/wp-content\/uploads\/2025\/05\/100-yigilmis-alan-ing-badge.png 1334w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/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>100% stacked area charts, as implied by the term &#8216;stacked&#8217;, represent a total, while the &#8216;100%&#8217; indicates proportions within that total. The area chart format further conveys how these proportions change over time. Since the sum of all categories always equals 100%, data series placed at both the bottom and top allow for easy visual comparison. Therefore, this should be considered when ordering data series. If there are more than five categories, grouping and color-coding should be considered for better readability.<\/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\u2606\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\u2605\u2605<\/div>\n  <\/div>\n  <div class=\"rating-item\">\n    <div class=\"rating-label\">Familiarity<\/div>\n    <div class=\"rating-stars\">\u2605\u2605\u2605\u2605\u2606<\/div>\n  <\/div>\n  <div class=\"rating-item\">\n    <div class=\"rating-label\">Attractiveness<\/div>\n    <div class=\"rating-stars\">\u2605\u2605\u2605\u2606\u2606<\/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=\"2216\" src=\"https:\/\/www.creadata.com.tr\/wp-content\/uploads\/2025\/05\/100-Yigilmis-Alan-Grafik-ING.png\" alt=\"\" class=\"wp-image-5003\" style=\"width:1171px\" srcset=\"https:\/\/www.creadata.com.tr\/wp-content\/uploads\/2025\/05\/100-Yigilmis-Alan-Grafik-ING.png 14910w, https:\/\/www.creadata.com.tr\/wp-content\/uploads\/2025\/05\/100-Yigilmis-Alan-Grafik-ING-300x45.png 300w, https:\/\/www.creadata.com.tr\/wp-content\/uploads\/2025\/05\/100-Yigilmis-Alan-Grafik-ING-1024x152.png 1024w, https:\/\/www.creadata.com.tr\/wp-content\/uploads\/2025\/05\/100-Yigilmis-Alan-Grafik-ING-768x114.png 768w, https:\/\/www.creadata.com.tr\/wp-content\/uploads\/2025\/05\/100-Yigilmis-Alan-Grafik-ING-1536x228.png 1536w, https:\/\/www.creadata.com.tr\/wp-content\/uploads\/2025\/05\/100-Yigilmis-Alan-Grafik-ING-2048x304.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-7492\" 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-7492\" class=\"envira-gallery-public envira-gallery-2-columns envira-clear enviratope\" data-envira-id=\"7492\" data-gallery-config='{\"type\":\"default\",\"layout\":\"mason\",\"columns\":\"2\",\"justified_row_height\":150,\"justified_gallery_theme\":\"normal\",\"justified_margins\":3,\"justified_last_row\":\"nojustify\",\"justified_gallery_theme_detail\":\"\",\"gallery_theme\":\"base\",\"display_description\":0,\"description\":\"\",\"gutter\":3,\"margin\":3,\"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\":\"7492\"}' data-gallery-images='[{\"status\":\"active\",\"src\":\"https:\\\/\\\/www.creadata.com.tr\\\/wp-content\\\/uploads\\\/2025\\\/07\\\/100StackedArea-001.jpg\",\"title\":\"100%StackedArea-001\",\"link\":\"https:\\\/\\\/www.creadata.com.tr\\\/wp-content\\\/uploads\\\/2025\\\/07\\\/100StackedArea-001.jpg\",\"alt\":\"\",\"caption\":false,\"thumb\":\"https:\\\/\\\/www.creadata.com.tr\\\/wp-content\\\/uploads\\\/2025\\\/07\\\/100StackedArea-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\\\/07\\\/100StackedArea-001-150x150.jpg\",\"medium\":\"https:\\\/\\\/www.creadata.com.tr\\\/wp-content\\\/uploads\\\/2025\\\/07\\\/100StackedArea-001-300x174.jpg\",\"medium_large\":\"https:\\\/\\\/www.creadata.com.tr\\\/wp-content\\\/uploads\\\/2025\\\/07\\\/100StackedArea-001-768x446.jpg\",\"large\":\"https:\\\/\\\/www.creadata.com.tr\\\/wp-content\\\/uploads\\\/2025\\\/07\\\/100StackedArea-001-1024x595.jpg\",\"1536x1536\":\"https:\\\/\\\/www.creadata.com.tr\\\/wp-content\\\/uploads\\\/2025\\\/07\\\/100StackedArea-001-1536x893.jpg\",\"2048x2048\":\"https:\\\/\\\/www.creadata.com.tr\\\/wp-content\\\/uploads\\\/2025\\\/07\\\/100StackedArea-001.jpg\",\"trp-custom-language-flag\":\"https:\\\/\\\/www.creadata.com.tr\\\/wp-content\\\/uploads\\\/2025\\\/07\\\/100StackedArea-001-18x10.jpg\",\"full\":\"https:\\\/\\\/www.creadata.com.tr\\\/wp-content\\\/uploads\\\/2025\\\/07\\\/100StackedArea-001.jpg\",\"index\":0,\"id\":7491,\"video\":false,\"opts\":{\"caption\":\"\",\"thumb\":\"https:\\\/\\\/www.creadata.com.tr\\\/wp-content\\\/uploads\\\/2025\\\/07\\\/100StackedArea-001-75x50_c.jpg\",\"title\":\"100%StackedArea-001\"},\"gallery_id\":\"7492\"}]' 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-7492\\&quot; data-envirabox-id=\\&quot;7492\\&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\":\"7492\",\"cache\":true}'><div id=\"envira-gallery-item-7491\" class=\"envira-gallery-item envira-gallery-item-1 envira-lazy-load enviratope-item\" style=\"padding-left: 2px; padding-bottom: 3px; padding-right: 2px;\"  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-7492 envira-gallery-link\" href=\"https:\/\/www.creadata.com.tr\/wp-content\/uploads\/2025\/07\/100StackedArea-001.jpg\" title=\"100%StackedArea-001\" data-caption=\"\" data-envira-item-id=\"7491\" data-envira-retina=\"https:\/\/www.creadata.com.tr\/wp-content\/uploads\/2025\/07\/100StackedArea-001.jpg\" data-thumb=\"https:\/\/www.creadata.com.tr\/wp-content\/uploads\/2025\/07\/100StackedArea-001-75x50_c.jpg\" data-title=\"100%StackedArea-001\" data-envirabox='7492' 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\/07\/100StackedArea-001-1024x595.jpg\" alt=\"\" class=\"envira-gallery-image envira-gallery-image-1    envira-lazy\" height=\"480\" id=\"envira-gallery-image-7491\" srcset=\"data:image\/gif;base64,R0lGODlhAQABAIAAAP\/\/\/\/\/\/\/yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" tabindex=\"-1\" title=\"100%StackedArea-001\" width=\"640\" data-caption=\"\" data-envira-gallery-id=\"7492\" data-envira-index=\"0\" data-envira-item-id=\"7491\" data-envira-src=\"https:\/\/www.creadata.com.tr\/wp-content\/uploads\/2025\/07\/100StackedArea-001-1024x595.jpg\" data-envira-srcset=\"https:\/\/www.creadata.com.tr\/wp-content\/uploads\/2025\/07\/100StackedArea-001-1024x595.jpg 400w, https:\/\/www.creadata.com.tr\/wp-content\/uploads\/2025\/07\/100StackedArea-001-1024x595.jpg 2x\" data-title=\"100%StackedArea-001\" itemprop=\"thumbnailUrl\"  data-envirabox=\"7492\" \/><\/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\/07\/100StackedArea-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>100% stacked area charts, as implied by the term &#8216;stacked&#8217;, represent a total, while the &#8216;100%&#8217; indicates proportions within that total. The area chart format further conveys how these proportions change over time. Since the sum of all categories always equals 100%, data series placed at both the bottom and top allow for easy visual [&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-4008","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.creadata.com.tr\/en\/wp-json\/wp\/v2\/pages\/4008","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=4008"}],"version-history":[{"count":5,"href":"https:\/\/www.creadata.com.tr\/en\/wp-json\/wp\/v2\/pages\/4008\/revisions"}],"predecessor-version":[{"id":7493,"href":"https:\/\/www.creadata.com.tr\/en\/wp-json\/wp\/v2\/pages\/4008\/revisions\/7493"}],"wp:attachment":[{"href":"https:\/\/www.creadata.com.tr\/en\/wp-json\/wp\/v2\/media?parent=4008"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}