{"id":4141,"date":"2025-05-20T13:56:57","date_gmt":"2025-05-20T13:56:57","guid":{"rendered":"https:\/\/www.creadata.com.tr\/?page_id=4141"},"modified":"2025-06-16T12:50:46","modified_gmt":"2025-06-16T12:50:46","slug":"rltnbydxdo-2","status":"publish","type":"page","link":"https:\/\/www.creadata.com.tr\/en\/rltnbydxdo-2\/","title":{"rendered":"Connected Scatterplot"},"content":{"rendered":"\n<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\/CONNECTED-SCATTER-CHART-badge-min-1024x1024.png\" alt=\"\" class=\"wp-image-4164\" style=\"width:205px\" srcset=\"https:\/\/www.creadata.com.tr\/wp-content\/uploads\/2025\/05\/CONNECTED-SCATTER-CHART-badge-min-1024x1024.png 1024w, https:\/\/www.creadata.com.tr\/wp-content\/uploads\/2025\/05\/CONNECTED-SCATTER-CHART-badge-min-300x300.png 300w, https:\/\/www.creadata.com.tr\/wp-content\/uploads\/2025\/05\/CONNECTED-SCATTER-CHART-badge-min-150x150.png 150w, https:\/\/www.creadata.com.tr\/wp-content\/uploads\/2025\/05\/CONNECTED-SCATTER-CHART-badge-min-768x768.png 768w, https:\/\/www.creadata.com.tr\/wp-content\/uploads\/2025\/05\/CONNECTED-SCATTER-CHART-badge-min.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 the values of a single data point across many time units or the before-after status of multiple data points, we use a connected scatter plot. It&#8217;s hard to show the effect of time in classic scatter plots as they display two different parameters on the axes,. This can only be achieved by connecting sequential data points with a line. The time direction must be clearly indicated, as this type of chart can be confused with a line chart and it may be wrongly assumed that values always flow from left to right.<\/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\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\u2605\u2606\u2606\u2606<\/div>\n  <\/div>\n  <div class=\"rating-item\">\n    <div class=\"rating-label\">Familiarity<\/div>\n    <div class=\"rating-stars\">\u2605\u2606\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\u2606\u2606\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=\"22365\" height=\"3518\" src=\"https:\/\/www.creadata.com.tr\/wp-content\/uploads\/2025\/05\/Baglantili-Dagilim-ing-min.png\" alt=\"\" class=\"wp-image-4427\" style=\"width:1171px\"\/><\/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\"><strong>SAMPLE IMAGES<\/strong><a href=\"https:\/\/www.creadata.com.tr\/wp-content\/uploads\/2025\/06\/Bubble-001.png\"><\/a><\/p>\n\n\n\n<div class=\"wp-block-envira-envira-gallery\"><div id=\"envira-gallery-wrap-7046\" 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-7046\" class=\"envira-gallery-public envira-gallery-2-columns envira-clear enviratope\" data-envira-id=\"7046\" 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\":\"7046\"}' data-gallery-images='[{\"status\":\"active\",\"src\":\"https:\\\/\\\/www.creadata.com.tr\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/ConnectedScatterplot-001.jpg\",\"title\":\"ConnectedScatterplot-001\",\"link\":\"https:\\\/\\\/www.creadata.com.tr\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/ConnectedScatterplot-001.jpg\",\"alt\":\"\",\"caption\":false,\"thumb\":\"https:\\\/\\\/www.creadata.com.tr\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/ConnectedScatterplot-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\":\"1\",\"keywords\":null,\"resized_images\":null},\"thumbnail\":\"https:\\\/\\\/www.creadata.com.tr\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/ConnectedScatterplot-001-150x150.jpg\",\"medium\":\"https:\\\/\\\/www.creadata.com.tr\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/ConnectedScatterplot-001-300x294.jpg\",\"medium_large\":\"https:\\\/\\\/www.creadata.com.tr\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/ConnectedScatterplot-001-768x752.jpg\",\"large\":\"https:\\\/\\\/www.creadata.com.tr\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/ConnectedScatterplot-001-1024x1002.jpg\",\"1536x1536\":\"https:\\\/\\\/www.creadata.com.tr\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/ConnectedScatterplot-001.jpg\",\"2048x2048\":\"https:\\\/\\\/www.creadata.com.tr\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/ConnectedScatterplot-001.jpg\",\"trp-custom-language-flag\":\"https:\\\/\\\/www.creadata.com.tr\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/ConnectedScatterplot-001-12x12.jpg\",\"creadata-card\":\"https:\\\/\\\/www.creadata.com.tr\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/ConnectedScatterplot-001.jpg\",\"full\":\"https:\\\/\\\/www.creadata.com.tr\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/ConnectedScatterplot-001.jpg\",\"index\":0,\"id\":7045,\"video\":false,\"opts\":{\"caption\":\"\",\"thumb\":\"https:\\\/\\\/www.creadata.com.tr\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/ConnectedScatterplot-001-75x50_c.jpg\",\"title\":\"ConnectedScatterplot-001\"},\"gallery_id\":\"7046\"}]' 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-7046\\&quot; data-envirabox-id=\\&quot;7046\\&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\":\"7046\",\"cache\":true}'><div id=\"envira-gallery-item-7045\" 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-7046 envira-gallery-link\" href=\"https:\/\/www.creadata.com.tr\/wp-content\/uploads\/2025\/06\/ConnectedScatterplot-001.jpg\" title=\"ConnectedScatterplot-001\" data-caption=\"\" data-envira-item-id=\"7045\" data-envira-retina=\"https:\/\/www.creadata.com.tr\/wp-content\/uploads\/2025\/06\/ConnectedScatterplot-001.jpg\" data-thumb=\"https:\/\/www.creadata.com.tr\/wp-content\/uploads\/2025\/06\/ConnectedScatterplot-001-75x50_c.jpg\" data-title=\"ConnectedScatterplot-001\" data-envirabox='7046' 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\/ConnectedScatterplot-001-1024x1002.jpg\" alt=\"\" class=\"envira-gallery-image envira-gallery-image-1    envira-lazy\" height=\"480\" id=\"envira-gallery-image-7045\" srcset=\"data:image\/gif;base64,R0lGODlhAQABAIAAAP\/\/\/\/\/\/\/yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" tabindex=\"-1\" title=\"ConnectedScatterplot-001\" width=\"640\" data-caption=\"\" data-envira-gallery-id=\"7046\" data-envira-index=\"0\" data-envira-item-id=\"7045\" data-envira-src=\"https:\/\/www.creadata.com.tr\/wp-content\/uploads\/2025\/06\/ConnectedScatterplot-001-1024x1002.jpg\" data-envira-srcset=\"https:\/\/www.creadata.com.tr\/wp-content\/uploads\/2025\/06\/ConnectedScatterplot-001-1024x1002.jpg 400w, https:\/\/www.creadata.com.tr\/wp-content\/uploads\/2025\/06\/ConnectedScatterplot-001-1024x1002.jpg 2x\" data-title=\"ConnectedScatterplot-001\" itemprop=\"thumbnailUrl\"  data-envirabox=\"7046\" \/><\/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\/ConnectedScatterplot-001.jpg' alt='' class='envira_noscript_images ' \/><\/noscript><\/div>\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>\n","protected":false},"excerpt":{"rendered":"<p>When we want to visualize the values of a single data point across many time units or the before-after status\u2026<\/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-4141","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.creadata.com.tr\/en\/wp-json\/wp\/v2\/pages\/4141","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=4141"}],"version-history":[{"count":8,"href":"https:\/\/www.creadata.com.tr\/en\/wp-json\/wp\/v2\/pages\/4141\/revisions"}],"predecessor-version":[{"id":7049,"href":"https:\/\/www.creadata.com.tr\/en\/wp-json\/wp\/v2\/pages\/4141\/revisions\/7049"}],"wp:attachment":[{"href":"https:\/\/www.creadata.com.tr\/en\/wp-json\/wp\/v2\/media?parent=4141"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}