{"id":4216,"date":"2025-05-21T07:35:09","date_gmt":"2025-05-21T07:35:09","guid":{"rendered":"https:\/\/www.creadata.com.tr\/?page_id=4216"},"modified":"2025-10-23T12:33:08","modified_gmt":"2025-10-23T12:33:08","slug":"othnq82vyb-2","status":"publish","type":"page","link":"https:\/\/www.creadata.com.tr\/en\/othnq82vyb-2\/","title":{"rendered":"BAN"},"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\/ban-badge-1024x1024.png\" alt=\"\" class=\"wp-image-4217\" style=\"width:205px\" srcset=\"https:\/\/www.creadata.com.tr\/wp-content\/uploads\/2025\/05\/ban-badge-1024x1024.png 1024w, https:\/\/www.creadata.com.tr\/wp-content\/uploads\/2025\/05\/ban-badge-300x300.png 300w, https:\/\/www.creadata.com.tr\/wp-content\/uploads\/2025\/05\/ban-badge-150x150.png 150w, https:\/\/www.creadata.com.tr\/wp-content\/uploads\/2025\/05\/ban-badge-768x768.png 768w, https:\/\/www.creadata.com.tr\/wp-content\/uploads\/2025\/05\/ban-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\">\n<p>When we want to visualize a single value rather than an entire dataset, traditional charts are not suitable. In such cases, we can use large-font numbers (BANs: Big Ass Numbers) to present the data visually. To help the reader interpret the value, it&#8217;s best not to display the BAN in isolation\u2014rather, it should be accompanied by a reference point, such as a target, past or future value, competitor, subcategory, or parent group. Additionally, icons with color coding and border indicators can make the value easier and quicker to interpret. This approach is especially common in KPI displays on dashboards.<\/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\u2606\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\u2605<\/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\u2605<\/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=\"22229\" height=\"2189\" src=\"https:\/\/www.creadata.com.tr\/wp-content\/uploads\/2025\/05\/sutun-grafik_ing-min-1.png\" alt=\"\" class=\"wp-image-4243\" style=\"width:1171px\" srcset=\"https:\/\/www.creadata.com.tr\/wp-content\/uploads\/2025\/05\/sutun-grafik_ing-min-1.png 22229w, https:\/\/www.creadata.com.tr\/wp-content\/uploads\/2025\/05\/sutun-grafik_ing-min-1-300x30.png 300w, https:\/\/www.creadata.com.tr\/wp-content\/uploads\/2025\/05\/sutun-grafik_ing-min-1-1024x101.png 1024w, https:\/\/www.creadata.com.tr\/wp-content\/uploads\/2025\/05\/sutun-grafik_ing-min-1-768x76.png 768w, https:\/\/www.creadata.com.tr\/wp-content\/uploads\/2025\/05\/sutun-grafik_ing-min-1-1536x151.png 1536w, https:\/\/www.creadata.com.tr\/wp-content\/uploads\/2025\/05\/sutun-grafik_ing-min-1-2048x202.png 2048w\" sizes=\"auto, (max-width: 22229px) 100vw, 22229px\" \/><\/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>When we want to visualize a single value rather than an entire dataset, traditional charts are not suitable. In such cases, we can use large-font numbers (BANs: Big Ass Numbers) to present the data visually. To help the reader interpret the value, it&#8217;s best not to display the BAN in isolation\u2014rather, it should be accompanied [&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-4216","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.creadata.com.tr\/en\/wp-json\/wp\/v2\/pages\/4216","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=4216"}],"version-history":[{"count":7,"href":"https:\/\/www.creadata.com.tr\/en\/wp-json\/wp\/v2\/pages\/4216\/revisions"}],"predecessor-version":[{"id":7543,"href":"https:\/\/www.creadata.com.tr\/en\/wp-json\/wp\/v2\/pages\/4216\/revisions\/7543"}],"wp:attachment":[{"href":"https:\/\/www.creadata.com.tr\/en\/wp-json\/wp\/v2\/media?parent=4216"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}