{"id":143252,"date":"2025-04-01T14:41:59","date_gmt":"2025-04-01T18:41:59","guid":{"rendered":"https:\/\/www.shortform.com\/blog\/?p=143252"},"modified":"2025-04-04T15:37:38","modified_gmt":"2025-04-04T19:37:38","slug":"preattentive-attributes-in-data-visualization","status":"publish","type":"post","link":"https:\/\/www.shortform.com\/blog\/preattentive-attributes-in-data-visualization\/","title":{"rendered":"How to Use 3 Preattentive Attributes in Data Visualization (Knaflic)"},"content":{"rendered":"\n<p>How can you make your data <a href=\"https:\/\/www.shortform.com\/blog\/affirmation-and-visualization-7-habits\/\">visualizations<\/a> instantly understandable? What design techniques naturally guide viewers&#8217; attention to the most important parts of your visual story?<\/p>\n\n\n\n<p>In her book <em>Storytelling With Data<\/em>, Cole Nussbaumer Knaflic explores how preattentive attributes in data visualization work with our brain&#8217;s natural visual processing. She explains that the strategic use of size, color, and position creates clear visual hierarchies that help audiences grasp complex information.<\/p>\n\n\n\n<p>Keep reading to discover how these powerful visual techniques\u2014used since medieval times\u2014can transform your data presentations from confusing to compelling.<\/p>\n\n\n\n<!--more-->\n\n\n\n<p><em>Image credit: <a href=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/f\/f3\/Genesis_Chapter_One_from_a_1620-21_King_James_Bible.jpg\" target=\"_blank\" rel=\"noreferrer noopener\">Wikimedia Commons<\/a> (<a href=\"http:\/\/Classicalsteve, CC BY-SA 4.0 <https:\/\/creativecommons.org\/licenses\/by-sa\/4.0>, via Wikimedia Commons&#8221; target=&#8221;_blank&#8221; rel=&#8221;noreferrer noopener&#8221;>License<\/a>). Changes: Cropping<\/em><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-preattentive-attributes-in-data-visualization\">Preattentive Attributes in Data Visualization<\/h2>\n\n\n\n<p>Knaflic explains that you can use thoughtful design choices to help your audience understand and connect with your data. Our brains process visual information in predictable ways, automatically noticing and interpreting certain visual elements\u2014what Knaflic calls \u201cpreattentive attributes\u201d\u2014before we consciously think about them. By understanding how to strategically use preattentive attributes in data visualization, we can naturally guide our audience\u2019s attention and make complex information easier to grasp.<\/p>\n\n\n\n<p>(Shortform note: What psychologists call \u201cpreattentive features\u201d are <a href=\"https:\/\/pmc.ncbi.nlm.nih.gov\/articles\/PMC6513732\/\" target=\"_blank\" rel=\"noreferrer noopener\">visual elements<\/a> our brains automatically process before we consciously think about them\u2014like how you can instantly spot a red dot in a field of blue dots without having to search for it. Preattentive features naturally capture our visual attention because they stand out from their surroundings in some way\u2014for example, they\u2019re different with respect to color, size, or movement. Data visualizations are most effective when they\u2019re designed to work with, rather than against, the brain\u2019s natural tendency to notice preattentive features first\u2014since your audience automatically processes this information, they can grasp the concepts you\u2019re communicating more intuitively.)<\/p>\n\n\n\n<p>According to Knaflic, to create clear visual hierarchies, you must organize information so that the most important elements stand out while supporting details remain visible but don\u2019t overwhelm. You can achieve this by leveraging three key preattentive attributes.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-preattentive-attribute-1\">Preattentive Attribute #1: <\/h3>\n\n\n\n<p><strong>Size is one of your most powerful tools for creating a <a href=\"https:\/\/www.shortform.com\/blog\/visual-hierarchy-in-web-design\/\">visual hierarchy<\/a> <\/strong>that helps you tell your audience where to focus. Our brains automatically interpret larger elements as more important, so you can use relative size to signal what matters most. Keep elements of similar importance at similar sizes, then make crucial information proportionally larger. For instance, in a dashboard showing various sales metrics, you might make the total revenue figure significantly larger than supporting statistics.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-preattentive-attribute-2\">Preattentive Attribute #2: <\/h3>\n\n\n\n<p><strong>Color provides another way to direct attention and create hierarchy<\/strong>. Used strategically, color can help you tell multiple stories within a single visualization. For example, in a sales performance dashboard, you might first use color to highlight which products are meeting targets (green) versus falling short (red), then switch to using different colors to distinguish between product categories (blue for electronics, purple for appliances, orange for furniture). This sequential approach helps your audience focus on one story at a time\u2014first understanding performance issues, then exploring patterns across product lines.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-preattentive-attribute-3\">Preattentive Attribute #3: <\/h3>\n\n\n\n<p><strong>Position also plays a crucial role in visual hierarchy<\/strong>. Knaflic says that in Western cultures, we tend to scan information from top-left to bottom-right, so placing critical information in the top-left area ensures it gets noticed first. You can also use contrast and isolation to make key elements stand out: A single data point in a bright color against a neutral background will naturally draw the eye.<\/p>\n\n\n\n<p>For example, imagine you need to create a visualization about whale conservation that helps your audience quickly understand which species <a href=\"https:\/\/iwc.int\/about-whales\/intro-to-population-status\/status-of-whales-text-summaries\" target=\"_blank\" rel=\"noreferrer noopener\">need the most urgent protection<\/a>. To accomplish this, you could leverage all three preattentive attributes: First, make the critically endangered North Atlantic right whale (fewer than 500 individuals remaining) the largest element in your visualization, while showing more <a href=\"https:\/\/www.shortform.com\/blog\/stable-populations\/\">stable populations<\/a> in smaller sizes. Second, use red to highlight critically <a href=\"https:\/\/www.shortform.com\/blog\/the-sixth-mass-extinction\/\">endangered species<\/a>, orange for endangered species like the blue whale, and green for recovering populations. Finally, position the most urgent cases (like the North Atlantic right whale) in the top-left.<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><tbody><tr><td><strong>Illuminating Insights: What Medieval Manuscripts Teach Us About Design<\/strong><br><br>The visual principles Knaflic describes aren&#8217;t new: Medieval manuscript scribes utilized these same preattentive attributes centuries ago. In illuminated manuscripts, <a href=\"http:\/\/www.medievalcodes.ca\/2016\/10\/hierarchy-of-decoration.html\" target=\"_blank\" rel=\"noreferrer noopener\">size hierarchies<\/a> helped readers navigate texts. Large decorated initials <a href=\"https:\/\/new.artsmia.org\/programs\/teachers-and-students\/teaching-the-arts\/five-ideas\/medieval-illuminated-manuscripts\" target=\"_blank\" rel=\"noreferrer noopener\">marked new chapters<\/a>, while smaller decorated letters indicated less important transitions. Color served multiple functions: Red ink (<a href=\"https:\/\/www.nottingham.ac.uk\/manuscriptsandspecialcollections\/researchguidance\/medievalbooks\/decorationandillumination.aspx\" target=\"_blank\" rel=\"noreferrer noopener\">called \u201crubrication\u201d<\/a>) highlighted important sections, while gold leaf drew attention to the most crucial elements. Position was equally strategic: Important text typically appeared at the top of the page, and the left margin was considered the primary starting point for decoration.<br><br>These medieval artists weren&#8217;t just creating beautiful books\u2014they were developing sophisticated information design systems that guided readers through complex texts. Their success demonstrates how deeply these visual principles are embedded in human perception, transcending both time and technology.&nbsp;<\/td><\/tr><\/tbody><\/table><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>How can you make your data visualizations instantly understandable? What design techniques naturally guide viewers&#8217; attention to the most important parts of your visual story? In her book Storytelling With Data, Cole Nussbaumer Knaflic explores how preattentive attributes in data visualization work with our brain&#8217;s natural visual processing. She explains that the strategic use of size, color, and position creates clear visual hierarchies that help audiences grasp complex information. Keep reading to discover how these powerful visual techniques\u2014used since medieval times\u2014can transform your data presentations from confusing to compelling.<\/p>\n","protected":false},"author":9,"featured_media":143262,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[34,39],"tags":[1768],"class_list":["post-143252","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-communication","category-history","tag-storytelling-with-data","","tg-column-two"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.3 (Yoast SEO v24.3) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to Use 3 Preattentive Attributes in Data Visualization (Knaflic) - Shortform Books<\/title>\n<meta name=\"description\" content=\"Preattentive attributes in data visualization work with our brain&#039;s natural processing. Get Cole Nussbaumer Knaflic&#039;s advice for using them.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.shortform.com\/blog\/preattentive-attributes-in-data-visualization\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Use 3 Preattentive Attributes in Data Visualization (Knaflic)\" \/>\n<meta property=\"og:description\" content=\"Preattentive attributes in data visualization work with our brain&#039;s natural processing. Get Cole Nussbaumer Knaflic&#039;s advice for using them.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.shortform.com\/blog\/preattentive-attributes-in-data-visualization\/\" \/>\n<meta property=\"og:site_name\" content=\"Shortform Books\" \/>\n<meta property=\"article:published_time\" content=\"2025-04-01T18:41:59+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-04-04T19:37:38+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/s3.amazonaws.com\/wordpress.shortform.com\/blog\/wp-content\/uploads\/2025\/04\/Genesis_Chapter_One_from_1620-21_King_James_Bible.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"678\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Elizabeth Whitworth\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Elizabeth Whitworth\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.shortform.com\/blog\/preattentive-attributes-in-data-visualization\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.shortform.com\/blog\/preattentive-attributes-in-data-visualization\/\"},\"author\":{\"name\":\"Elizabeth Whitworth\",\"@id\":\"https:\/\/www.shortform.com\/blog\/#\/schema\/person\/d2928cf6c11a69ced1491d6a5b74fb13\"},\"headline\":\"How to Use 3 Preattentive Attributes in Data Visualization (Knaflic)\",\"datePublished\":\"2025-04-01T18:41:59+00:00\",\"dateModified\":\"2025-04-04T19:37:38+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.shortform.com\/blog\/preattentive-attributes-in-data-visualization\/\"},\"wordCount\":811,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.shortform.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.shortform.com\/blog\/preattentive-attributes-in-data-visualization\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.shortform.com\/blog\/wp-content\/uploads\/2025\/04\/Genesis_Chapter_One_from_1620-21_King_James_Bible.jpg\",\"keywords\":[\"Storytelling With Data\"],\"articleSection\":[\"Communication\",\"History\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.shortform.com\/blog\/preattentive-attributes-in-data-visualization\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.shortform.com\/blog\/preattentive-attributes-in-data-visualization\/\",\"url\":\"https:\/\/www.shortform.com\/blog\/preattentive-attributes-in-data-visualization\/\",\"name\":\"How to Use 3 Preattentive Attributes in Data Visualization (Knaflic) - Shortform Books\",\"isPartOf\":{\"@id\":\"https:\/\/www.shortform.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.shortform.com\/blog\/preattentive-attributes-in-data-visualization\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.shortform.com\/blog\/preattentive-attributes-in-data-visualization\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.shortform.com\/blog\/wp-content\/uploads\/2025\/04\/Genesis_Chapter_One_from_1620-21_King_James_Bible.jpg\",\"datePublished\":\"2025-04-01T18:41:59+00:00\",\"dateModified\":\"2025-04-04T19:37:38+00:00\",\"description\":\"Preattentive attributes in data visualization work with our brain's natural processing. Get Cole Nussbaumer Knaflic's advice for using them.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.shortform.com\/blog\/preattentive-attributes-in-data-visualization\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.shortform.com\/blog\/preattentive-attributes-in-data-visualization\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.shortform.com\/blog\/preattentive-attributes-in-data-visualization\/#primaryimage\",\"url\":\"https:\/\/www.shortform.com\/blog\/wp-content\/uploads\/2025\/04\/Genesis_Chapter_One_from_1620-21_King_James_Bible.jpg\",\"contentUrl\":\"https:\/\/www.shortform.com\/blog\/wp-content\/uploads\/2025\/04\/Genesis_Chapter_One_from_1620-21_King_James_Bible.jpg\",\"width\":1200,\"height\":678,\"caption\":\"A page from a 1620-1621 King James Bible (Genesis 1) illustrates preattentive attributes in data visualization\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.shortform.com\/blog\/preattentive-attributes-in-data-visualization\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.shortform.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Use 3 Preattentive Attributes in Data Visualization (Knaflic)\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.shortform.com\/blog\/#website\",\"url\":\"https:\/\/www.shortform.com\/blog\/\",\"name\":\"Shortform Books\",\"description\":\"The World&#039;s Best Book Summaries\",\"publisher\":{\"@id\":\"https:\/\/www.shortform.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.shortform.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.shortform.com\/blog\/#organization\",\"name\":\"Shortform Books\",\"url\":\"https:\/\/www.shortform.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.shortform.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.shortform.com\/blog\/wp-content\/uploads\/2019\/06\/logo-equilateral-with-text-no-bg.png\",\"contentUrl\":\"https:\/\/www.shortform.com\/blog\/wp-content\/uploads\/2019\/06\/logo-equilateral-with-text-no-bg.png\",\"width\":500,\"height\":74,\"caption\":\"Shortform Books\"},\"image\":{\"@id\":\"https:\/\/www.shortform.com\/blog\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.shortform.com\/blog\/#\/schema\/person\/d2928cf6c11a69ced1491d6a5b74fb13\",\"name\":\"Elizabeth Whitworth\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.shortform.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/1fff9d65a52ac4340660218e7b63ee5e365cf08e7aa7adff79a0142cd4b96f84?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/1fff9d65a52ac4340660218e7b63ee5e365cf08e7aa7adff79a0142cd4b96f84?s=96&d=mm&r=g\",\"caption\":\"Elizabeth Whitworth\"},\"description\":\"Elizabeth has a lifelong love of books. She devours nonfiction, especially in the areas of history, theology, and philosophy. A switch to audiobooks has kindled her enjoyment of well-narrated fiction, particularly Victorian and early 20th-century works. She appreciates idea-driven books\u2014and a classic murder mystery now and then. Elizabeth has a Substack and is writing a book about what the Bible says about death and hell.\",\"sameAs\":[\"rina@shortform.com\"],\"award\":[\"Contributions to joint task force efforts (FBI)\",\"Contributions to Special Operations Division (DOJ & DEA)\",\"Efforts to fight the war on drugs (NSA)\",\"Contributions to Operation Storm Front (US Customs Service)\"],\"knowsAbout\":[\"History\",\"Theology\",\"Government\"],\"jobTitle\":\"Senior SEO Writer\",\"worksFor\":\"Shortform\",\"url\":\"https:\/\/www.shortform.com\/blog\/author\/elizabeth\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"How to Use 3 Preattentive Attributes in Data Visualization (Knaflic) - Shortform Books","description":"Preattentive attributes in data visualization work with our brain's natural processing. Get Cole Nussbaumer Knaflic's advice for using them.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.shortform.com\/blog\/preattentive-attributes-in-data-visualization\/","og_locale":"en_US","og_type":"article","og_title":"How to Use 3 Preattentive Attributes in Data Visualization (Knaflic)","og_description":"Preattentive attributes in data visualization work with our brain's natural processing. Get Cole Nussbaumer Knaflic's advice for using them.","og_url":"https:\/\/www.shortform.com\/blog\/preattentive-attributes-in-data-visualization\/","og_site_name":"Shortform Books","article_published_time":"2025-04-01T18:41:59+00:00","article_modified_time":"2025-04-04T19:37:38+00:00","og_image":[{"width":1200,"height":678,"url":"https:\/\/s3.amazonaws.com\/wordpress.shortform.com\/blog\/wp-content\/uploads\/2025\/04\/Genesis_Chapter_One_from_1620-21_King_James_Bible.jpg","type":"image\/jpeg"}],"author":"Elizabeth Whitworth","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Elizabeth Whitworth","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.shortform.com\/blog\/preattentive-attributes-in-data-visualization\/#article","isPartOf":{"@id":"https:\/\/www.shortform.com\/blog\/preattentive-attributes-in-data-visualization\/"},"author":{"name":"Elizabeth Whitworth","@id":"https:\/\/www.shortform.com\/blog\/#\/schema\/person\/d2928cf6c11a69ced1491d6a5b74fb13"},"headline":"How to Use 3 Preattentive Attributes in Data Visualization (Knaflic)","datePublished":"2025-04-01T18:41:59+00:00","dateModified":"2025-04-04T19:37:38+00:00","mainEntityOfPage":{"@id":"https:\/\/www.shortform.com\/blog\/preattentive-attributes-in-data-visualization\/"},"wordCount":811,"commentCount":0,"publisher":{"@id":"https:\/\/www.shortform.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.shortform.com\/blog\/preattentive-attributes-in-data-visualization\/#primaryimage"},"thumbnailUrl":"https:\/\/www.shortform.com\/blog\/wp-content\/uploads\/2025\/04\/Genesis_Chapter_One_from_1620-21_King_James_Bible.jpg","keywords":["Storytelling With Data"],"articleSection":["Communication","History"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.shortform.com\/blog\/preattentive-attributes-in-data-visualization\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.shortform.com\/blog\/preattentive-attributes-in-data-visualization\/","url":"https:\/\/www.shortform.com\/blog\/preattentive-attributes-in-data-visualization\/","name":"How to Use 3 Preattentive Attributes in Data Visualization (Knaflic) - Shortform Books","isPartOf":{"@id":"https:\/\/www.shortform.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.shortform.com\/blog\/preattentive-attributes-in-data-visualization\/#primaryimage"},"image":{"@id":"https:\/\/www.shortform.com\/blog\/preattentive-attributes-in-data-visualization\/#primaryimage"},"thumbnailUrl":"https:\/\/www.shortform.com\/blog\/wp-content\/uploads\/2025\/04\/Genesis_Chapter_One_from_1620-21_King_James_Bible.jpg","datePublished":"2025-04-01T18:41:59+00:00","dateModified":"2025-04-04T19:37:38+00:00","description":"Preattentive attributes in data visualization work with our brain's natural processing. Get Cole Nussbaumer Knaflic's advice for using them.","breadcrumb":{"@id":"https:\/\/www.shortform.com\/blog\/preattentive-attributes-in-data-visualization\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.shortform.com\/blog\/preattentive-attributes-in-data-visualization\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.shortform.com\/blog\/preattentive-attributes-in-data-visualization\/#primaryimage","url":"https:\/\/www.shortform.com\/blog\/wp-content\/uploads\/2025\/04\/Genesis_Chapter_One_from_1620-21_King_James_Bible.jpg","contentUrl":"https:\/\/www.shortform.com\/blog\/wp-content\/uploads\/2025\/04\/Genesis_Chapter_One_from_1620-21_King_James_Bible.jpg","width":1200,"height":678,"caption":"A page from a 1620-1621 King James Bible (Genesis 1) illustrates preattentive attributes in data visualization"},{"@type":"BreadcrumbList","@id":"https:\/\/www.shortform.com\/blog\/preattentive-attributes-in-data-visualization\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.shortform.com\/blog\/"},{"@type":"ListItem","position":2,"name":"How to Use 3 Preattentive Attributes in Data Visualization (Knaflic)"}]},{"@type":"WebSite","@id":"https:\/\/www.shortform.com\/blog\/#website","url":"https:\/\/www.shortform.com\/blog\/","name":"Shortform Books","description":"The World&#039;s Best Book Summaries","publisher":{"@id":"https:\/\/www.shortform.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.shortform.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.shortform.com\/blog\/#organization","name":"Shortform Books","url":"https:\/\/www.shortform.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.shortform.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.shortform.com\/blog\/wp-content\/uploads\/2019\/06\/logo-equilateral-with-text-no-bg.png","contentUrl":"https:\/\/www.shortform.com\/blog\/wp-content\/uploads\/2019\/06\/logo-equilateral-with-text-no-bg.png","width":500,"height":74,"caption":"Shortform Books"},"image":{"@id":"https:\/\/www.shortform.com\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.shortform.com\/blog\/#\/schema\/person\/d2928cf6c11a69ced1491d6a5b74fb13","name":"Elizabeth Whitworth","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.shortform.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/1fff9d65a52ac4340660218e7b63ee5e365cf08e7aa7adff79a0142cd4b96f84?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/1fff9d65a52ac4340660218e7b63ee5e365cf08e7aa7adff79a0142cd4b96f84?s=96&d=mm&r=g","caption":"Elizabeth Whitworth"},"description":"Elizabeth has a lifelong love of books. She devours nonfiction, especially in the areas of history, theology, and philosophy. A switch to audiobooks has kindled her enjoyment of well-narrated fiction, particularly Victorian and early 20th-century works. She appreciates idea-driven books\u2014and a classic murder mystery now and then. Elizabeth has a Substack and is writing a book about what the Bible says about death and hell.","sameAs":["rina@shortform.com"],"award":["Contributions to joint task force efforts (FBI)","Contributions to Special Operations Division (DOJ & DEA)","Efforts to fight the war on drugs (NSA)","Contributions to Operation Storm Front (US Customs Service)"],"knowsAbout":["History","Theology","Government"],"jobTitle":"Senior SEO Writer","worksFor":"Shortform","url":"https:\/\/www.shortform.com\/blog\/author\/elizabeth\/"}]}},"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"https:\/\/www.shortform.com\/blog\/wp-content\/uploads\/2025\/04\/Genesis_Chapter_One_from_1620-21_King_James_Bible.jpg","_links":{"self":[{"href":"https:\/\/www.shortform.com\/blog\/wp-json\/wp\/v2\/posts\/143252","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.shortform.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.shortform.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.shortform.com\/blog\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/www.shortform.com\/blog\/wp-json\/wp\/v2\/comments?post=143252"}],"version-history":[{"count":9,"href":"https:\/\/www.shortform.com\/blog\/wp-json\/wp\/v2\/posts\/143252\/revisions"}],"predecessor-version":[{"id":143309,"href":"https:\/\/www.shortform.com\/blog\/wp-json\/wp\/v2\/posts\/143252\/revisions\/143309"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.shortform.com\/blog\/wp-json\/wp\/v2\/media\/143262"}],"wp:attachment":[{"href":"https:\/\/www.shortform.com\/blog\/wp-json\/wp\/v2\/media?parent=143252"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.shortform.com\/blog\/wp-json\/wp\/v2\/categories?post=143252"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.shortform.com\/blog\/wp-json\/wp\/v2\/tags?post=143252"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}