{"id":2356,"date":"2020-11-17T12:17:05","date_gmt":"2020-11-17T20:17:05","guid":{"rendered":"https:\/\/www.lightsondata.com\/?post_type=tva_lesson&#038;p=2356"},"modified":"2020-11-28T21:41:11","modified_gmt":"2020-11-29T05:41:11","slug":"principles-of-visual-perception","status":"publish","type":"tva_lesson","link":"https:\/\/www.lightsondata.com\/course\/principles-of-visual-perception\/","title":{"rendered":"Principles of Visual Perception"},"content":{"rendered":"<h2><\/h2>\n<h2>Gestalt Principles of Visual Perception<\/h2>\n<p>The first Gestalt Principles were devised in the 1920s by Max Wertheimer who was a psychologist, and were improved later by Wolfgang K\u00f6hler (1929), Kurt Koffka (1935), and Wolfgang Metzger (1936).<\/p>\n<p>They all aimed to understand how humans typically gain meaningful perceptions from the chaotic stimuli around them. They identified a set of laws which address the natural compulsion to find order in disorder. These are:<\/p>\n<p><strong>1. Proximity<\/strong><\/p>\n<p>The law of proximity describes how the human eye perceives connections between visual elements. Elements that are close to each other are perceived to be related when compared with elements that are separate from each other.<\/p>\n<p><strong>2. Similarity<\/strong><\/p>\n<p>The human eye tends to build a relationship between similar elements within a design. Objects that are of similar color, shape, size, or orientation are perceived as related or belonging to part of a group.<\/p>\n<p><strong>3. Enclosure<\/strong><\/p>\n<p>We think of objects that are physically enclosed together as belonging to part of a group.<\/p>\n<p><strong>4. Closure<\/strong><\/p>\n<p>The law of closure refers to our tendency to complete an incomplete shape in order to rationalize the whole. We prefer complete shapes, so we automatically fill in gaps between elements to perceive a complete image.<\/p>\n<p><strong>5. Continuity<\/strong><\/p>\n<p>The law of continuation asserts that the human eye follows lines, curves, or a sequence of shapes in order to determine a relationship between design elements.<\/p>\n<p><strong>6. Connection<\/strong><\/p>\n<p>The law of unified connectedness states that elements that are connected to each other using colors, lines, frames, or other shapes are perceived as a single unit when compared with other elements that are not linked in the same manner.<\/p>\n<p><strong>BONUS: Past Experiences<\/strong><\/p>\n<p>The law of past experiences states that elements tend to be perceived according to an observer&#8217;s past experience. Past experience is perhaps the weakest gestalt principle. In conjunction with any of the other principles, the other principle will dominate over the past experience principle.<\/p>\n<\/p>\n<h2>Dashboard Examples<\/h2>\n<p>Here are some dashboard examples making good use of some of the above Gestalt principles of visual perception.<\/p>\n<ul>\n<li>&#8220;<a href=\"https:\/\/public.tableau.com\/profile\/katie.kilroy#!\/vizhome\/BasicSanitationinRuralAreas-ProjectHealthVizFEB2020\/Dashboard2\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" style=\"outline: none;\">Rural communities that still don&#8217;t have access to basic sanitation<\/a>&#8221; dashboard by Karie Kilroy<\/li>\n<\/ul>\n<p><span><a href=\"https:\/\/public.tableau.com\/profile\/katie.kilroy#!\/vizhome\/BasicSanitationinRuralAreas-ProjectHealthVizFEB2020\/Dashboard2\" rel=\"nofollow noopener noreferrer\" target=\"_blank\"><img data-recalc-dims=\"1\" decoding=\"async\" data-attachment-id=\"2589\" data-permalink=\"https:\/\/www.lightsondata.com\/dashboard-similarity\/\" data-orig-file=\"https:\/\/i0.wp.com\/www.lightsondata.com\/wp-content\/uploads\/2020\/11\/dashboard-similarity-.png?fit=541%2C676&amp;ssl=1\" data-orig-size=\"541,676\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"dashboard &#8211; similarity\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/i0.wp.com\/www.lightsondata.com\/wp-content\/uploads\/2020\/11\/dashboard-similarity-.png?fit=240%2C300&amp;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/www.lightsondata.com\/wp-content\/uploads\/2020\/11\/dashboard-similarity-.png?fit=541%2C676&amp;ssl=1\" alt=\"\" data-id=\"2589\" width=\"541\" data-init-width=\"541\" height=\"676\" data-init-height=\"676\" title=\"dashboard - similarity\" loading=\"lazy\" src=\"https:\/\/i0.wp.com\/www.lightsondata.com\/wp-content\/uploads\/2020\/11\/dashboard-similarity-.png?resize=541%2C676&#038;ssl=1\" data-width=\"541\" data-height=\"676\" data-link-wrap=\"true\" data-lazy-src=\"https:\/\/i0.wp.com\/www.lightsondata.com\/wp-content\/uploads\/2020\/11\/dashboard-similarity-.png?ssl=1\"><img data-recalc-dims=\"1\" decoding=\"async\" data-attachment-id=\"2589\" data-permalink=\"https:\/\/www.lightsondata.com\/dashboard-similarity\/\" data-orig-file=\"https:\/\/i0.wp.com\/www.lightsondata.com\/wp-content\/uploads\/2020\/11\/dashboard-similarity-.png?fit=541%2C676&amp;ssl=1\" data-orig-size=\"541,676\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"dashboard &#8211; similarity\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/i0.wp.com\/www.lightsondata.com\/wp-content\/uploads\/2020\/11\/dashboard-similarity-.png?fit=240%2C300&amp;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/www.lightsondata.com\/wp-content\/uploads\/2020\/11\/dashboard-similarity-.png?fit=541%2C676&amp;ssl=1\" alt=\"\" data-id=\"2589\" width=\"541\" data-init-width=\"541\" height=\"676\" data-init-height=\"676\" title=\"dashboard - similarity\" loading=\"lazy\" src=\"https:\/\/i0.wp.com\/www.lightsondata.com\/wp-content\/uploads\/2020\/11\/dashboard-similarity-.png?resize=541%2C676&#038;ssl=1\" data-width=\"541\" data-height=\"676\" data-link-wrap=\"true\"><\/a><\/span><\/p>\n<p>Karie Kilroy&#8217;s dashboard above is a great example of good usage of the <strong>Similarity<\/strong> principle. Color shows the audience what plot points fall under which category, but also how they relate to the world map below. The one thing I would probably try to make this visualization even stronger is choosing different shapes for each continent represented in the plot graph .<\/p>\n<\/p>\n<ul>\n<li>&#8220;<a href=\"https:\/\/public.tableau.com\/profile\/meera6133#!\/vizhome\/ProjectHealthVizSanitationFacilitiesinAfrica\/SanitationServices\" rel=\"nofollow noopener noreferrer\" target=\"_blank\" style=\"outline: none;\">Sanitation Services<\/a>&#8221; dashboard by Meera Umasankar<\/li>\n<\/ul>\n<p><span><img data-recalc-dims=\"1\" decoding=\"async\" data-attachment-id=\"2590\" data-permalink=\"https:\/\/www.lightsondata.com\/dashboard-enclosure\/\" data-orig-file=\"https:\/\/i0.wp.com\/www.lightsondata.com\/wp-content\/uploads\/2020\/11\/dashboard-enclosure.png?fit=554%2C791&amp;ssl=1\" data-orig-size=\"554,791\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"dashboard &#8211; enclosure\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/i0.wp.com\/www.lightsondata.com\/wp-content\/uploads\/2020\/11\/dashboard-enclosure.png?fit=210%2C300&amp;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/www.lightsondata.com\/wp-content\/uploads\/2020\/11\/dashboard-enclosure.png?fit=554%2C791&amp;ssl=1\" alt=\"\" data-id=\"2590\" width=\"554\" data-init-width=\"554\" height=\"791\" data-init-height=\"791\" title=\"dashboard - enclosure\" loading=\"lazy\" src=\"https:\/\/i0.wp.com\/www.lightsondata.com\/wp-content\/uploads\/2020\/11\/dashboard-enclosure.png?resize=554%2C791&#038;ssl=1\" data-width=\"554\" data-height=\"791\" data-lazy-src=\"https:\/\/i0.wp.com\/www.lightsondata.com\/wp-content\/uploads\/2020\/11\/dashboard-enclosure.png?ssl=1\"><img data-recalc-dims=\"1\" decoding=\"async\" data-attachment-id=\"2590\" data-permalink=\"https:\/\/www.lightsondata.com\/dashboard-enclosure\/\" data-orig-file=\"https:\/\/i0.wp.com\/www.lightsondata.com\/wp-content\/uploads\/2020\/11\/dashboard-enclosure.png?fit=554%2C791&amp;ssl=1\" data-orig-size=\"554,791\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"dashboard &#8211; enclosure\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/i0.wp.com\/www.lightsondata.com\/wp-content\/uploads\/2020\/11\/dashboard-enclosure.png?fit=210%2C300&amp;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/www.lightsondata.com\/wp-content\/uploads\/2020\/11\/dashboard-enclosure.png?fit=554%2C791&amp;ssl=1\" alt=\"\" data-id=\"2590\" width=\"554\" data-init-width=\"554\" height=\"791\" data-init-height=\"791\" title=\"dashboard - enclosure\" loading=\"lazy\" src=\"https:\/\/i0.wp.com\/www.lightsondata.com\/wp-content\/uploads\/2020\/11\/dashboard-enclosure.png?resize=554%2C791&#038;ssl=1\" data-width=\"554\" data-height=\"791\"><\/span><\/p>\n<p>Meera Umasankar makes a good use of the Enclosure principle. She encloses key aspects of the dashboard to be interpreted and consumed together. They also make them stand out as the dashboard has enough white\/negative space that the elements grouped together demand more notice from the audience.<\/p>\n","protected":false},"template":"","class_list":["post-2356","tva_lesson","type-tva_lesson","status-publish","hentry","tva_courses-data-visualization-for-data-storytelling","post-wrapper","thrv_wrapper"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.4 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>LightsOnData<\/title>\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.lightsondata.com\/course\/principles-of-visual-perception\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Principles of Visual Perception | LightsOnData\" \/>\n<meta property=\"og:description\" content=\"Overview of the principles of the gestalt theory of visual perception and their role in data visualization and data storytelling.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.lightsondata.com\/course\/principles-of-visual-perception\/\" \/>\n<meta property=\"og:site_name\" content=\"LightsOnData\" \/>\n<meta property=\"article:modified_time\" content=\"2020-11-29T05:41:11+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.lightsondata.com\/wp-content\/uploads\/2020\/11\/dashboard-similarity-.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@georgefirican\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.lightsondata.com\/course\/principles-of-visual-perception\/\",\"url\":\"https:\/\/www.lightsondata.com\/course\/principles-of-visual-perception\/\",\"name\":\"Principles of Visual Perception | LightsOnData\",\"isPartOf\":{\"@id\":\"https:\/\/www.lightsondata.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.lightsondata.com\/course\/principles-of-visual-perception\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.lightsondata.com\/course\/principles-of-visual-perception\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.lightsondata.com\/wp-content\/uploads\/2020\/11\/dashboard-similarity-.png\",\"datePublished\":\"2020-11-17T20:17:05+00:00\",\"dateModified\":\"2020-11-29T05:41:11+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.lightsondata.com\/course\/principles-of-visual-perception\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.lightsondata.com\/course\/principles-of-visual-perception\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.lightsondata.com\/course\/principles-of-visual-perception\/#primaryimage\",\"url\":\"https:\/\/i0.wp.com\/www.lightsondata.com\/wp-content\/uploads\/2020\/11\/dashboard-similarity-.png?fit=541%2C676&ssl=1\",\"contentUrl\":\"https:\/\/i0.wp.com\/www.lightsondata.com\/wp-content\/uploads\/2020\/11\/dashboard-similarity-.png?fit=541%2C676&ssl=1\",\"width\":541,\"height\":676},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.lightsondata.com\/course\/principles-of-visual-perception\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.lightsondata.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Foundations of Data Visualization\",\"item\":\"https:\/\/www.lightsondata.com\/chapter\/foundations-of-data-visualization\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Principles of Visual Perception\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.lightsondata.com\/#website\",\"url\":\"https:\/\/www.lightsondata.com\/\",\"name\":\"LightsOnData\",\"description\":\"Practical resources, online courses, free articles and videos for data management, data governance, data quality, and business intelligence\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.lightsondata.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"LightsOnData","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.lightsondata.com\/course\/principles-of-visual-perception\/","og_locale":"en_US","og_type":"article","og_title":"Principles of Visual Perception | LightsOnData","og_description":"Overview of the principles of the gestalt theory of visual perception and their role in data visualization and data storytelling.","og_url":"https:\/\/www.lightsondata.com\/course\/principles-of-visual-perception\/","og_site_name":"LightsOnData","article_modified_time":"2020-11-29T05:41:11+00:00","og_image":[{"url":"https:\/\/www.lightsondata.com\/wp-content\/uploads\/2020\/11\/dashboard-similarity-.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_site":"@georgefirican","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.lightsondata.com\/course\/principles-of-visual-perception\/","url":"https:\/\/www.lightsondata.com\/course\/principles-of-visual-perception\/","name":"Principles of Visual Perception | LightsOnData","isPartOf":{"@id":"https:\/\/www.lightsondata.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.lightsondata.com\/course\/principles-of-visual-perception\/#primaryimage"},"image":{"@id":"https:\/\/www.lightsondata.com\/course\/principles-of-visual-perception\/#primaryimage"},"thumbnailUrl":"https:\/\/www.lightsondata.com\/wp-content\/uploads\/2020\/11\/dashboard-similarity-.png","datePublished":"2020-11-17T20:17:05+00:00","dateModified":"2020-11-29T05:41:11+00:00","breadcrumb":{"@id":"https:\/\/www.lightsondata.com\/course\/principles-of-visual-perception\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.lightsondata.com\/course\/principles-of-visual-perception\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.lightsondata.com\/course\/principles-of-visual-perception\/#primaryimage","url":"https:\/\/i0.wp.com\/www.lightsondata.com\/wp-content\/uploads\/2020\/11\/dashboard-similarity-.png?fit=541%2C676&ssl=1","contentUrl":"https:\/\/i0.wp.com\/www.lightsondata.com\/wp-content\/uploads\/2020\/11\/dashboard-similarity-.png?fit=541%2C676&ssl=1","width":541,"height":676},{"@type":"BreadcrumbList","@id":"https:\/\/www.lightsondata.com\/course\/principles-of-visual-perception\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.lightsondata.com\/"},{"@type":"ListItem","position":2,"name":"Foundations of Data Visualization","item":"https:\/\/www.lightsondata.com\/chapter\/foundations-of-data-visualization\/"},{"@type":"ListItem","position":3,"name":"Principles of Visual Perception"}]},{"@type":"WebSite","@id":"https:\/\/www.lightsondata.com\/#website","url":"https:\/\/www.lightsondata.com\/","name":"LightsOnData","description":"Practical resources, online courses, free articles and videos for data management, data governance, data quality, and business intelligence","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.lightsondata.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.lightsondata.com\/wp-json\/wp\/v2\/tva_lesson\/2356","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.lightsondata.com\/wp-json\/wp\/v2\/tva_lesson"}],"about":[{"href":"https:\/\/www.lightsondata.com\/wp-json\/wp\/v2\/types\/tva_lesson"}],"wp:attachment":[{"href":"https:\/\/www.lightsondata.com\/wp-json\/wp\/v2\/media?parent=2356"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}