{"id":4045,"date":"2025-05-20T12:06:50","date_gmt":"2025-05-20T12:06:50","guid":{"rendered":"https:\/\/www.creadata.com.tr\/?page_id=4045"},"modified":"2025-06-04T10:10:49","modified_gmt":"2025-06-04T10:10:49","slug":"time1a8t81-2","status":"publish","type":"page","link":"https:\/\/www.creadata.com.tr\/en\/time1a8t81-2\/","title":{"rendered":"Sp\u0131ral 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-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1334\" height=\"1334\" src=\"https:\/\/www.creadata.com.tr\/wp-content\/uploads\/2025\/05\/sarmal-alan-ing-badge-min.png\" alt=\"\" class=\"wp-image-4046\" style=\"width:205px\" srcset=\"https:\/\/www.creadata.com.tr\/wp-content\/uploads\/2025\/05\/sarmal-alan-ing-badge-min.png 1334w, https:\/\/www.creadata.com.tr\/wp-content\/uploads\/2025\/05\/sarmal-alan-ing-badge-min-300x300.png 300w, https:\/\/www.creadata.com.tr\/wp-content\/uploads\/2025\/05\/sarmal-alan-ing-badge-min-1024x1024.png 1024w, https:\/\/www.creadata.com.tr\/wp-content\/uploads\/2025\/05\/sarmal-alan-ing-badge-min-150x150.png 150w, https:\/\/www.creadata.com.tr\/wp-content\/uploads\/2025\/05\/sarmal-alan-ing-badge-min-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>Spiral area charts are another chart type for visualizing the values of a single dataset within cyclical time periods. This type of chart gained popularity when The New York Times\u2019 data journalism team used it to display daily case counts in the United States during the COVID-19 pandemic. While not always the best choice, it can be a compelling option when space efficiency and visual impact are important.<\/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\u2606\u2606\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\u2606\u2606\u2606\u2606<\/div>\n  <\/div>\n  <div class=\"rating-item\">\n    <div class=\"rating-label\">Familiarity<\/div>\n    <div class=\"rating-stars\">\u2605\u2605\u2606\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\u2606<\/div>\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 CREATION PLATFORMS<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"14910\" height=\"2345\" src=\"https:\/\/www.creadata.com.tr\/wp-content\/uploads\/2025\/05\/Sarmal-Alan_EN.png\" alt=\"\" class=\"wp-image-4970\" style=\"width:1171px\" srcset=\"https:\/\/www.creadata.com.tr\/wp-content\/uploads\/2025\/05\/Sarmal-Alan_EN.png 14910w, https:\/\/www.creadata.com.tr\/wp-content\/uploads\/2025\/05\/Sarmal-Alan_EN-300x47.png 300w, https:\/\/www.creadata.com.tr\/wp-content\/uploads\/2025\/05\/Sarmal-Alan_EN-1024x161.png 1024w, https:\/\/www.creadata.com.tr\/wp-content\/uploads\/2025\/05\/Sarmal-Alan_EN-768x121.png 768w, https:\/\/www.creadata.com.tr\/wp-content\/uploads\/2025\/05\/Sarmal-Alan_EN-1536x242.png 1536w, https:\/\/www.creadata.com.tr\/wp-content\/uploads\/2025\/05\/Sarmal-Alan_EN-2048x322.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><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>Spiral area charts are another chart type for visualizing the values of a single dataset within cyclical time periods. This type of chart gained popularity when The New York Times\u2019 data journalism team used it to display daily case counts in the United States during the COVID-19 pandemic. While not always the best choice, it [&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-4045","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.creadata.com.tr\/en\/wp-json\/wp\/v2\/pages\/4045","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=4045"}],"version-history":[{"count":4,"href":"https:\/\/www.creadata.com.tr\/en\/wp-json\/wp\/v2\/pages\/4045\/revisions"}],"predecessor-version":[{"id":5886,"href":"https:\/\/www.creadata.com.tr\/en\/wp-json\/wp\/v2\/pages\/4045\/revisions\/5886"}],"wp:attachment":[{"href":"https:\/\/www.creadata.com.tr\/en\/wp-json\/wp\/v2\/media?parent=4045"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}