{"id":3831,"date":"2022-03-15T23:05:00","date_gmt":"2022-03-15T23:05:00","guid":{"rendered":"https:\/\/courses.lumenlearning.com\/lumen-danacenter-statsmockup\/?post_type=chapter&#038;p=3831"},"modified":"2022-04-28T14:29:42","modified_gmt":"2022-04-28T14:29:42","slug":"what-to-know-about-5-c","status":"publish","type":"chapter","link":"https:\/\/courses.lumenlearning.com\/lumen-danacenter-statsmockup\/chapter\/what-to-know-about-5-c\/","title":{"raw":"What to Know About 5.C: Interrogating and Critiquing Complex Visual Displays","rendered":"What to Know About 5.C: Interrogating and Critiquing Complex Visual Displays"},"content":{"raw":"<div class=\"textbox learning-objectives\">\r\n<h3>learning goals<\/h3>\r\nAt the end of this page, you should feel comfortable performing these skills:\r\n<ul>\r\n \t<li>Define the criteria for effective visualization.<\/li>\r\n \t<li>Identify misleading components in a graphical display.<\/li>\r\n<\/ul>\r\n<\/div>\r\nIn the next <em>Forming Connections<\/em>, you will need to understand how to use a rating scale and best practices criteria to think critically about graphical displays and evaluate whether the criteria have been met. Let's prepare for that by carefully defining the criteria and learning to use them to identify whether a graphical display has a misleading or missing component.\r\n\r\n[caption id=\"attachment_4616\" align=\"aligncenter\" width=\"300\"]<img class=\"wp-image-4616 size-medium\" src=\"https:\/\/s3-us-west-2.amazonaws.com\/courses-images\/wp-content\/uploads\/sites\/5738\/2022\/03\/24190025\/966px-Social_Network_Analysis_Visualization-300x224.png\" alt=\"\" width=\"300\" height=\"224\" \/> Social Network Analysis Visualization[\/caption]\r\n<h2>Criteria for Effective Visualization<\/h2>\r\nWhen evaluating graphical displays, it is important to identify evidence of the following criteria: <em>design<\/em>, <em>precision<\/em>, <em>efficiency<\/em>, <em>use of time<\/em>, <em>use of ink<\/em>, <em>use of space<\/em>, and <em>multivariate<\/em>. The criteria are based on the Principles of Graphical Excellence[footnote]Tufte, E. R. (2001). The visual display of quantitative information (2nd edition). Graphics Press.[\/footnote] by Edward Tufte, a statistician and pioneer in the field of information design. These principles are important aspects of a graphical display that are needed for an effective visualization.\r\n<h3>Design<\/h3>\r\nThe first criterion is the use of <strong>design<\/strong> attributes such as color, symbols, or lines\/curves to encourage comparisons that create a clear purpose for the graphical display.\r\n<div class=\"textbox exercises\">\r\n<h3>Examples<\/h3>\r\nWhen a graphical display includes a key, compare the key to the graph to see that all the information is explained clearly. The key may include explanations of the colors, symbols, or the style of lines (a combination of lines and symbols) used to convey information.\r\n\r\nWith which attributes of a graphical display is the design criteria is concerned?\r\n<ol>\r\n \t<li>a) Spacing, media, color<\/li>\r\n \t<li>b) Color, symbols, lines\/curves<\/li>\r\n \t<li>c) All of the above<\/li>\r\n<\/ol>\r\n[reveal-answer q=\"450953\"]Show Answer[\/reveal-answer]\r\n[hidden-answer a=\"450953\"]b) Color, symbols, lines\/curves[\/hidden-answer]\r\n\r\n<\/div>\r\nTry identifying the design attributes in the graph in Question 1.\r\n<div class=\"textbox key-takeaways\">\r\n<h3>question 1<\/h3>\r\nWhich types of design attributes were used in the following graphical display[footnote]Huang, C., Guo, C., Nichols, C., Chen, S., &amp; Martorell, R. (2014). Elevated levels of protein in urine in adulthood after exposure to the Chinese famine of 1959-61 during gestation and the early postnatal period. International Journal of Epidemiology, 43(6), 1806\u20131814.[\/footnote] to compare birth, death, and infant mortality rates during the Chinese Famine of 1959\u201361? There may be more than one correct answer.\r\n\r\n[caption id=\"attachment_1153\" align=\"aligncenter\" width=\"548\"]<img class=\"wp-image-1153\" src=\"https:\/\/s3-us-west-2.amazonaws.com\/courses-images\/wp-content\/uploads\/sites\/5738\/2022\/01\/12023051\/Picture95-300x200.png\" alt=\"A black and white graph. The x-axis is labeled &quot;Year&quot; and is labeled in increments of five beginning in 1950 and going to 1980. The vertical axis is labeled in increments of ten from 0 to 50. On the right, there is a legend showing that the solid line indicates birth rate, the dotted line indicates death rate, and the dashed line indicates infant mortality rate.\" width=\"548\" height=\"366\" \/> Figure 1. Fertility reduction and excess death rate and infant mortality (per thousand) during the Chinese Famine of 1959-61. Sources: computed from the 1982 Population Census of China and the 1988 Two-Per-Thousand National Survey of Fertility and Contraception.[\/caption]\r\n<ol>\r\n \t<li>a) Color<\/li>\r\n \t<li>b) Symbols<\/li>\r\n \t<li>c) Lines\/curves<\/li>\r\n<\/ol>\r\n[reveal-answer q=\"133600\"]Hint[\/reveal-answer]\r\n[hidden-answer a=\"133600\"]What types of lines do we see on the graph?[\/hidden-answer]\r\n\r\n<\/div>\r\n<h3>Precision<\/h3>\r\nThe second criterion is the use of <strong>precision<\/strong>, which means that the statistical transformation is appropriate for the type of visualization. For example, a graphical display that uses precision would start the y-axis of a bar graph at 0 rather than another number. The use of precision is not evident in a graphical display if we see any transformation of the data that shows an exaggeration of differences and distorts the data.\r\n<div class=\"textbox tryit\">\r\n<h3>Video Placement<\/h3>\r\n<span style=\"background-color: #e6daf7;\">[Worked example: a 3-instructor video showing examples of graphs that exhibit precision and those that do not. One of the examples should preview the type of inconsistency displayed in Question 2, in which the \"weight\" of a symbol as a percentage is not consistent across the display]<\/span>\r\n\r\n<\/div>\r\nTry determining whether a graph's design exhibits precision in Question 2.\r\n<div class=\"textbox key-takeaways\">\r\n<h3>question 2<\/h3>\r\nWhich statement is a correct interpretation of the following graphical display?[footnote]3 U.S. Department of Education, National Center for Education Statistics. (n.d.). Under President Obama, more students are earning their high school diplomas than ever before. https:\/\/twitter.com\/ObamaWhiteHouse\/status\/677189256834609152[\/footnote]\r\n\r\n<img class=\"wp-image-1154 aligncenter\" src=\"https:\/\/s3-us-west-2.amazonaws.com\/courses-images\/wp-content\/uploads\/sites\/5738\/2022\/01\/12023057\/Picture96-300x150.jpg\" alt=\"An infographic that reads, &quot;Under President Obama, more students are earning their high school diplomas than ever before.&quot; Underneath is a subheading that reads &quot;High school graduation rate.&quot; Beneath this, there are stacks of books representing graduation rates from different years. The first stack is 2007-08, has 5 books, and is labeled 75%. The next stack is 2008-09, has 5 books, and is labeled 75%. The next stack is 2009-10, has 10 books, and is labeled 78%. The next stack is 2010-11, has 14 books, and is labeled 79%. The next stack is 2011-12, has 15 books, and is labeled 80%. The next stack is 2012-13, has 16 books, and is labeled 81%. The last stack is 2013-14, has 16 books, and is labeled 82%.\" width=\"554\" height=\"277\" \/>\r\n<ol>\r\n \t<li>a) This graph is precise and does not exaggerate the differences in percentages between the years.<\/li>\r\n \t<li>b) This graph is not precise because the use of a book as a percentage point is not consistent across the bars of the graph.<\/li>\r\n<\/ol>\r\n[reveal-answer q=\"726371\"]Hint[\/reveal-answer]\r\n[hidden-answer a=\"726371\"]Take a closer look at the number of books for 75%, 79%, and 80%. Does a single book represent a percentage point?[\/hidden-answer]\r\n\r\n<\/div>\r\n<h3>Efficiency<\/h3>\r\nThe third criterion is <strong>efficiency<\/strong>, which means that the effort required for the reader to understand the purpose of the graphical display is minimal. In order for a graph to be efficient, the graphical display should be clear in communicating patterns or trends.\r\n<div class=\"textbox exercises\">\r\n<h3>example<\/h3>\r\nUnder the efficiency criterion, a graph shouldn't be more complicated than is necessary to convey the desired information. For example, displays should not try to include trends for unrelated data or data of different magnitudes on the same graph.\r\n\r\nWhich of the following statements would fall under the efficiency criterion of graphical displays? Choose all that apply.\r\n<ol>\r\n \t<li>a) The reader should understand the graphical display with minimal effort.<\/li>\r\n \t<li>b) A graph should demand the concentration of the reader to correctly interpret it.<\/li>\r\n \t<li>c) The graphical display should be clear in communicating patterns or trends.<\/li>\r\n<\/ol>\r\n[reveal-answer q=\"949169\"]Show Answer[\/reveal-answer]\r\n[hidden-answer a=\"949169\"]Both (a) and (c) are correct.[\/hidden-answer]\r\n\r\n<\/div>\r\nAnalyze the efficiency of the graph displayed in Question 3.\r\n<div class=\"textbox key-takeaways\">\r\n<h3>question 3<\/h3>\r\nIs this graph[footnote]The do\u2019s and don\u2019ts of dual axis charts. (2015, April 23). DataHero. Retrieved from https:\/\/datahero.com\/blog\/2015\/04\/23\/the-dos-and-donts-of-dual-axis-charts\/[\/footnote] efficient in showing the relationship between the average price per square foot compared to the average rent per square foot?\r\n\r\n<img class=\"wp-image-1155 aligncenter\" src=\"https:\/\/s3-us-west-2.amazonaws.com\/courses-images\/wp-content\/uploads\/sites\/5738\/2022\/01\/12023102\/Picture97-300x223.png\" alt=\"A graph titled &quot;Average price per square foot versus average rent per square foot by month.&quot; The horizontal axis is labeled date and has increments for approximately every four months. The left vertical axis is labeled &quot;Average Price Per Square Foot&quot; and is labeled by increments of 50 from 0 to 450. The right vertical axis is labeled&quot;Average Estimated Rent per Square Foot&quot; and is labeled by increments of 0.01 from 1.09 to 1.18. Beneath the graph, there is a legend that shows the bars indicate average price per square foot, while the points and line indicate average estimated rent per square foot. The graph shows both the connected points and the bars.\" width=\"588\" height=\"437\" \/>\r\n<ol>\r\n \t<li>a) Yes<\/li>\r\n \t<li>b) No<\/li>\r\n<\/ol>\r\n[reveal-answer q=\"670071\"]Hint[\/reveal-answer]\r\n[hidden-answer a=\"670071\"]Take a closer look at the y-axis on the left and right. Do you normally see graphs with more than one y-axis?[\/hidden-answer]\r\n\r\n<\/div>\r\n<h3>Time, Ink, and Space<\/h3>\r\nThe fourth, fifth, and sixth criteria are closely related and are <strong>use of time<\/strong>, <strong>use of ink<\/strong>, and <strong>use of space<\/strong>. A graphical display is most effective when it allows the viewer to gain the largest number of ideas in the shortest time with the least amount of ink in the smallest space. With criteria four, five, and six, it is important to not overload the viewer of the graph with too much information. Graphical displays that do not show evidence of these criteria are graphs that have extra colors or symbols that are not needed, or 3-D plots where the third dimension is not relevant to understanding the graph.\r\n<div class=\"textbox tryit\">\r\n<h3>Video Placement<\/h3>\r\n<span style=\"background-color: #e6daf7;\">[Perspective Video: a 3-instructor video that uses one good example of use of time\/ink\/space to show students how to think about a well-designed graph (see the link in Question 4 for an excellent example) along with classic examples of bad design using 3D graphs.]<\/span>\r\n\r\n<\/div>\r\nNow it's your turn to identify examples of good or bad examples of use of time, use of ink, and use of space as you answer Questions 4 and 5.\r\n<div class=\"textbox key-takeaways\">\r\n<h3>question 4<\/h3>\r\nGo to <a href=\"http:\/\/www.gapminder.org\/world\">www.gapminder.org\/world<\/a> and use the graph to answer Parts A and B.\r\n\r\nThe graph is called a bubbleplot, with life expectancy on the y-axis and income per capita on the x-axis. Colors represents different geographic regions, and the size of the bubble represents the population size of the country.\r\n\r\n&nbsp;\r\n\r\nPart A: Does this graph make good use of time?\r\n<ol>\r\n \t<li>a) Yes<\/li>\r\n \t<li>b) No<\/li>\r\n<\/ol>\r\n[reveal-answer q=\"674423\"]Hint[\/reveal-answer]\r\n[hidden-answer a=\"674423\"]Click play on the bottom left-hand corner.[\/hidden-answer]\r\n\r\n&nbsp;\r\n\r\nPart B: Does the graph make good use of small space?\r\n<ol>\r\n \t<li>a) Yes<\/li>\r\n \t<li>b) No<\/li>\r\n<\/ol>\r\n[reveal-answer q=\"730089\"]Hint[\/reveal-answer]\r\n[hidden-answer a=\"730089\"]Is there a use for a moving graph or animation that shows the data over time without individual plots for each year?[\/hidden-answer]\r\n\r\n<\/div>\r\n<div class=\"textbox key-takeaways\">\r\n<h3>question 5<\/h3>\r\nIs there a good use of ink in the following pie chart[footnote]Sleuthing pie graphs. (n.d.). AAMT, Top Drawer Teachers. Retrieved from https:\/\/topdrawer.aamt.edu.au\/Statistics\/Good-teaching\/Data-representation\/Creating-pie- graphs\/Sleuthing-pie-graphs[\/footnote] that was used to summarize data on where dogs are used in the service of humans?\r\n\r\n<img class=\"wp-image-1156 aligncenter\" src=\"https:\/\/s3-us-west-2.amazonaws.com\/courses-images\/wp-content\/uploads\/sites\/5738\/2022\/01\/12023108\/Picture98-300x158.png\" alt=\"A 3-D pie chart of dogs in the service of humans. 33% are guide, 33% are visitor, 8% are hearing, 14% are police, 9% are prison, and 3% are custom.\" width=\"540\" height=\"285\" \/>\r\n<ol>\r\n \t<li>a) Yes<\/li>\r\n \t<li>b) No<\/li>\r\n<\/ol>\r\n[reveal-answer q=\"504079\"]Hint[\/reveal-answer]\r\n[hidden-answer a=\"504079\"]Could the same information be communicated in the graph if a 2-D pie chart was used? The third dimension of this graph leads to misrepresentation of the data\u2014look at the two slices of the pie for visitor and guide, which are both 33%.[\/hidden-answer]\r\n\r\n<\/div>\r\n<h3>Multivariate<\/h3>\r\n<span style=\"background-color: #ffff99;\">[Note: this section appears to have been largely derived from\u00a0https:\/\/allpsych.com\/psychology101\/sensation_perception\/perception\/ , which is referenced in a footnote on the DC page. I added the paragraph relating it to the Gestalt Laws of design (a well-known UX principle) -- it seems unusual that this page just uses these four principles without referencing the very well known source. I am not aware myself of the design criteria used this way statistically. This may be an attempt to summarize some key design principals into a neat set that DC has called The Criteria (emphasis mine). Someone else may have more information about it.]<\/span>\r\n\r\nThe seventh criterion is <strong>multivariate<\/strong>, which means displaying more than one variable on a graphical display to encourage the reader to make comparisons. The way that the multivariate criterion can be shown on a graph is through the design principles of similarity, proximity, continuity, or closure.[footnote]Chapter 5.2: Perception. (n.d.). AllPsych. Retrieved from https:\/\/allpsych.com\/psychology101\/perception\/[\/footnote]\r\n\r\n<img class=\"alignnone wp-image-1157\" src=\"https:\/\/s3-us-west-2.amazonaws.com\/courses-images\/wp-content\/uploads\/sites\/5738\/2022\/01\/12023111\/Picture99-300x93.gif\" alt=\"Four different principles of design. The first is labeled similarity and shows a row of blue dots above a row of black dots above another row of blue dots and then another row of black dots. The second is labeled proximity and shows three pairs of close-together lines. The third is labeled continuity and show fours curved lines of dots extending away from a central point in different directions. The final one is labeled closure and shows a circle that doesn't connect in the middle on either side and a square that doesn't connect just on the left side.\" width=\"514\" height=\"159\" \/>\r\n<ul>\r\n \t<li><em>Similarity<\/em> can be shown in a graphical display through the use of similar colors or shapes.<\/li>\r\n \t<li><em>Proximity<\/em> is defined as the spacing between visual objects.<\/li>\r\n \t<li><em>Connection<\/em> or continuity focuses on creating visual focus for the eye using lines.<\/li>\r\n \t<li><em>Closure<\/em> is the practice of using boxes or circles to highlight groups.<\/li>\r\n<\/ul>\r\nThis criterion stems from the Gestalt Principles, which are a set of psychological laws that describe the tendency in the human mind to items based on similar presentation. Graphical displays of multivariate data (more than two variables present, as opposed to univariate or bivariate data) leverage these principles to aid reader comprehension.\r\n\r\nAnswer Questions 6 - 10 to see examples of how the multivariate principles apply to visual perception. Keep these in mind during the upcoming activities in this module.\r\n<div class=\"textbox key-takeaways\">\r\n<h3>question 6<\/h3>\r\n<span style=\"text-decoration: underline;\">Similarity through colors<\/span>: When you look at the following image, do you see rows or columns?\r\n\r\n<img class=\"wp-image-1158 aligncenter\" src=\"https:\/\/s3-us-west-2.amazonaws.com\/courses-images\/wp-content\/uploads\/sites\/5738\/2022\/01\/12023115\/Picture100-300x300.png\" alt=\"Beneath a label that reads &quot;Similarity,&quot; this shows a four by four square of dots. The second and fourth horizontal sets of dots are darker in color than the other two horizontal sets.\" width=\"274\" height=\"274\" \/>\r\n<ol>\r\n \t<li>a) Rows<\/li>\r\n \t<li>b) Columns<\/li>\r\n<\/ol>\r\n[reveal-answer q=\"460945\"]Hint[\/reveal-answer]\r\n[hidden-answer a=\"460945\"]Rows are the horizonal dots and columns are the vertical dots.[\/hidden-answer]\r\n\r\n<\/div>\r\n<div class=\"textbox key-takeaways\">\r\n<h3>question 7<\/h3>\r\n<span style=\"text-decoration: underline;\">Similarity through shapes<\/span>: When you look at the following image, do you see rows or columns?\r\n\r\n<img class=\"wp-image-1159 aligncenter\" src=\"https:\/\/s3-us-west-2.amazonaws.com\/courses-images\/wp-content\/uploads\/sites\/5738\/2022\/01\/12023119\/Picture1011-300x300.png\" alt=\"Underneath a heading that reads &quot;Similarity,&quot; this show a four by four square of shapes. The first and third vertical sets are circles, while the second and fourth are triangles. The second and fourth horizontal sets of circles are lighter in color than the first and third.\" width=\"278\" height=\"278\" \/>\r\n<ol>\r\n \t<li>a) Rows<\/li>\r\n \t<li>b) Columns<\/li>\r\n<\/ol>\r\n[reveal-answer q=\"457479\"]Hint[\/reveal-answer]\r\n[hidden-answer a=\"457479\"]What do <em>you<\/em> think?[\/hidden-answer]\r\n\r\n<\/div>\r\n<div class=\"textbox key-takeaways\">\r\n<h3>question 8<\/h3>\r\n<span style=\"text-decoration: underline;\">Example of proximity<\/span>: When you look at the following image, do you see rows or columns?\r\n\r\n<img class=\"wp-image-1160 aligncenter\" src=\"https:\/\/s3-us-west-2.amazonaws.com\/courses-images\/wp-content\/uploads\/sites\/5738\/2022\/01\/12023124\/Picture102-300x145.png\" alt=\"Underneath a heading reading &quot;Proximity,&quot; this shows a four by four of circles. The second and fourth horizontal sets of circles are lighter than the others. There is more space between the circles horizontally than there is vertically.\" width=\"468\" height=\"226\" \/>\r\n<ol>\r\n \t<li>a) Rows<\/li>\r\n \t<li>b) Columns<\/li>\r\n<\/ol>\r\n[reveal-answer q=\"904081\"]Hint[\/reveal-answer]\r\n[hidden-answer a=\"904081\"]What do <em>you<\/em> think?[\/hidden-answer]\r\n\r\n<\/div>\r\n<div class=\"textbox key-takeaways\">\r\n<h3>question 9<\/h3>\r\n&nbsp;\r\n\r\n<span style=\"text-decoration: underline;\">Example of connection<\/span>: When you look at the following image, do you see rows or columns?\r\n\r\n<img class=\"wp-image-1161 aligncenter\" src=\"https:\/\/s3-us-west-2.amazonaws.com\/courses-images\/wp-content\/uploads\/sites\/5738\/2022\/01\/12023128\/Picture103-300x300.png\" alt=\"Under a heading that reads &quot;Connection,&quot; this shows a four by four of circles. The circles are connected horizontally by lines.\" width=\"254\" height=\"254\" \/>\r\n<ol>\r\n \t<li>a) Rows<\/li>\r\n \t<li>b) Columns<\/li>\r\n<\/ol>\r\n[reveal-answer q=\"352879\"]Hint[\/reveal-answer]\r\n[hidden-answer a=\"352879\"]What do <em>you<\/em> think?[\/hidden-answer]\r\n\r\n<\/div>\r\n<div class=\"textbox key-takeaways\">\r\n<h3>question 10<\/h3>\r\n<span style=\"text-decoration: underline;\">Example of closure<\/span>: When you look at the following image, do you see rows or columns?\r\n\r\n<img class=\"wp-image-1162 aligncenter\" src=\"https:\/\/s3-us-west-2.amazonaws.com\/courses-images\/wp-content\/uploads\/sites\/5738\/2022\/01\/12023144\/Picture104-300x269.png\" alt=\"Beneath a heading that reads &quot;Closure,&quot; this shows a four by four of circles. The 8 leftmost circles are enclosed in a rectangle, and the 8 rightmost circles are enclosed in a separate rectangle.\" width=\"278\" height=\"250\" \/>\r\n<ol>\r\n \t<li>a) Rows<\/li>\r\n \t<li>b) Columns<\/li>\r\n<\/ol>\r\n[reveal-answer q=\"124594\"]Hint[\/reveal-answer]\r\n[hidden-answer a=\"124594\"]What do <em>you<\/em> think?[\/hidden-answer]\r\n\r\n<\/div>\r\n<h2>Summary<\/h2>\r\nIn this <em>What to Know\u00a0<\/em>page,\u00a0you learned to define the criteria for best practices in graphical displays and to use the criteria to look critically at graphs for misleading or missing representation. Let's summarize these here by looking at the questions in which each criterion appeared.\r\n<ul>\r\n \t<li>In Question 1, you identified evidence of the design criterion.<\/li>\r\n \t<li>In Question 2, you identified evidence of the precision criterion.<\/li>\r\n \t<li>In Question 3, you identified evidence of the efficiency criterion.<\/li>\r\n \t<li>In Questions 4 - 5,\u00a0you identified evidence of the use of time, use of space, and use of ink criteria.<\/li>\r\n \t<li>In Questions 6 - 10,\u00a0you identified evidence of the multivariate criterion.<\/li>\r\n<\/ul>\r\nYou may wish to make notes of these criteria to take into the activity with you.\u00a0If you feel comfortable with these ideas, move on to the activity in\u00a0<em>Forming Connections.<\/em>","rendered":"<div class=\"textbox learning-objectives\">\n<h3>learning goals<\/h3>\n<p>At the end of this page, you should feel comfortable performing these skills:<\/p>\n<ul>\n<li>Define the criteria for effective visualization.<\/li>\n<li>Identify misleading components in a graphical display.<\/li>\n<\/ul>\n<\/div>\n<p>In the next <em>Forming Connections<\/em>, you will need to understand how to use a rating scale and best practices criteria to think critically about graphical displays and evaluate whether the criteria have been met. Let&#8217;s prepare for that by carefully defining the criteria and learning to use them to identify whether a graphical display has a misleading or missing component.<\/p>\n<div id=\"attachment_4616\" style=\"width: 310px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-4616\" class=\"wp-image-4616 size-medium\" src=\"https:\/\/s3-us-west-2.amazonaws.com\/courses-images\/wp-content\/uploads\/sites\/5738\/2022\/03\/24190025\/966px-Social_Network_Analysis_Visualization-300x224.png\" alt=\"\" width=\"300\" height=\"224\" \/><\/p>\n<p id=\"caption-attachment-4616\" class=\"wp-caption-text\">Social Network Analysis Visualization<\/p>\n<\/div>\n<h2>Criteria for Effective Visualization<\/h2>\n<p>When evaluating graphical displays, it is important to identify evidence of the following criteria: <em>design<\/em>, <em>precision<\/em>, <em>efficiency<\/em>, <em>use of time<\/em>, <em>use of ink<\/em>, <em>use of space<\/em>, and <em>multivariate<\/em>. The criteria are based on the Principles of Graphical Excellence<a class=\"footnote\" title=\"Tufte, E. R. (2001). The visual display of quantitative information (2nd edition). Graphics Press.\" id=\"return-footnote-3831-1\" href=\"#footnote-3831-1\" aria-label=\"Footnote 1\"><sup class=\"footnote\">[1]<\/sup><\/a> by Edward Tufte, a statistician and pioneer in the field of information design. These principles are important aspects of a graphical display that are needed for an effective visualization.<\/p>\n<h3>Design<\/h3>\n<p>The first criterion is the use of <strong>design<\/strong> attributes such as color, symbols, or lines\/curves to encourage comparisons that create a clear purpose for the graphical display.<\/p>\n<div class=\"textbox exercises\">\n<h3>Examples<\/h3>\n<p>When a graphical display includes a key, compare the key to the graph to see that all the information is explained clearly. The key may include explanations of the colors, symbols, or the style of lines (a combination of lines and symbols) used to convey information.<\/p>\n<p>With which attributes of a graphical display is the design criteria is concerned?<\/p>\n<ol>\n<li>a) Spacing, media, color<\/li>\n<li>b) Color, symbols, lines\/curves<\/li>\n<li>c) All of the above<\/li>\n<\/ol>\n<div class=\"qa-wrapper\" style=\"display: block\"><span class=\"show-answer collapsed\" style=\"cursor: pointer\" data-target=\"q450953\">Show Answer<\/span><\/p>\n<div id=\"q450953\" class=\"hidden-answer\" style=\"display: none\">b) Color, symbols, lines\/curves<\/div>\n<\/div>\n<\/div>\n<p>Try identifying the design attributes in the graph in Question 1.<\/p>\n<div class=\"textbox key-takeaways\">\n<h3>question 1<\/h3>\n<p>Which types of design attributes were used in the following graphical display<a class=\"footnote\" title=\"Huang, C., Guo, C., Nichols, C., Chen, S., &amp; Martorell, R. (2014). Elevated levels of protein in urine in adulthood after exposure to the Chinese famine of 1959-61 during gestation and the early postnatal period. International Journal of Epidemiology, 43(6), 1806\u20131814.\" id=\"return-footnote-3831-2\" href=\"#footnote-3831-2\" aria-label=\"Footnote 2\"><sup class=\"footnote\">[2]<\/sup><\/a> to compare birth, death, and infant mortality rates during the Chinese Famine of 1959\u201361? There may be more than one correct answer.<\/p>\n<div id=\"attachment_1153\" style=\"width: 558px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-1153\" class=\"wp-image-1153\" src=\"https:\/\/s3-us-west-2.amazonaws.com\/courses-images\/wp-content\/uploads\/sites\/5738\/2022\/01\/12023051\/Picture95-300x200.png\" alt=\"A black and white graph. The x-axis is labeled &quot;Year&quot; and is labeled in increments of five beginning in 1950 and going to 1980. The vertical axis is labeled in increments of ten from 0 to 50. On the right, there is a legend showing that the solid line indicates birth rate, the dotted line indicates death rate, and the dashed line indicates infant mortality rate.\" width=\"548\" height=\"366\" \/><\/p>\n<p id=\"caption-attachment-1153\" class=\"wp-caption-text\">Figure 1. Fertility reduction and excess death rate and infant mortality (per thousand) during the Chinese Famine of 1959-61. Sources: computed from the 1982 Population Census of China and the 1988 Two-Per-Thousand National Survey of Fertility and Contraception.<\/p>\n<\/div>\n<ol>\n<li>a) Color<\/li>\n<li>b) Symbols<\/li>\n<li>c) Lines\/curves<\/li>\n<\/ol>\n<div class=\"qa-wrapper\" style=\"display: block\"><span class=\"show-answer collapsed\" style=\"cursor: pointer\" data-target=\"q133600\">Hint<\/span><\/p>\n<div id=\"q133600\" class=\"hidden-answer\" style=\"display: none\">What types of lines do we see on the graph?<\/div>\n<\/div>\n<\/div>\n<h3>Precision<\/h3>\n<p>The second criterion is the use of <strong>precision<\/strong>, which means that the statistical transformation is appropriate for the type of visualization. For example, a graphical display that uses precision would start the y-axis of a bar graph at 0 rather than another number. The use of precision is not evident in a graphical display if we see any transformation of the data that shows an exaggeration of differences and distorts the data.<\/p>\n<div class=\"textbox tryit\">\n<h3>Video Placement<\/h3>\n<p><span style=\"background-color: #e6daf7;\">[Worked example: a 3-instructor video showing examples of graphs that exhibit precision and those that do not. One of the examples should preview the type of inconsistency displayed in Question 2, in which the &#8220;weight&#8221; of a symbol as a percentage is not consistent across the display]<\/span><\/p>\n<\/div>\n<p>Try determining whether a graph&#8217;s design exhibits precision in Question 2.<\/p>\n<div class=\"textbox key-takeaways\">\n<h3>question 2<\/h3>\n<p>Which statement is a correct interpretation of the following graphical display?<a class=\"footnote\" title=\"3 U.S. Department of Education, National Center for Education Statistics. (n.d.). Under President Obama, more students are earning their high school diplomas than ever before. https:\/\/twitter.com\/ObamaWhiteHouse\/status\/677189256834609152\" id=\"return-footnote-3831-3\" href=\"#footnote-3831-3\" aria-label=\"Footnote 3\"><sup class=\"footnote\">[3]<\/sup><\/a><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-1154 aligncenter\" src=\"https:\/\/s3-us-west-2.amazonaws.com\/courses-images\/wp-content\/uploads\/sites\/5738\/2022\/01\/12023057\/Picture96-300x150.jpg\" alt=\"An infographic that reads, &quot;Under President Obama, more students are earning their high school diplomas than ever before.&quot; Underneath is a subheading that reads &quot;High school graduation rate.&quot; Beneath this, there are stacks of books representing graduation rates from different years. The first stack is 2007-08, has 5 books, and is labeled 75%. The next stack is 2008-09, has 5 books, and is labeled 75%. The next stack is 2009-10, has 10 books, and is labeled 78%. The next stack is 2010-11, has 14 books, and is labeled 79%. The next stack is 2011-12, has 15 books, and is labeled 80%. The next stack is 2012-13, has 16 books, and is labeled 81%. The last stack is 2013-14, has 16 books, and is labeled 82%.\" width=\"554\" height=\"277\" \/><\/p>\n<ol>\n<li>a) This graph is precise and does not exaggerate the differences in percentages between the years.<\/li>\n<li>b) This graph is not precise because the use of a book as a percentage point is not consistent across the bars of the graph.<\/li>\n<\/ol>\n<div class=\"qa-wrapper\" style=\"display: block\"><span class=\"show-answer collapsed\" style=\"cursor: pointer\" data-target=\"q726371\">Hint<\/span><\/p>\n<div id=\"q726371\" class=\"hidden-answer\" style=\"display: none\">Take a closer look at the number of books for 75%, 79%, and 80%. Does a single book represent a percentage point?<\/div>\n<\/div>\n<\/div>\n<h3>Efficiency<\/h3>\n<p>The third criterion is <strong>efficiency<\/strong>, which means that the effort required for the reader to understand the purpose of the graphical display is minimal. In order for a graph to be efficient, the graphical display should be clear in communicating patterns or trends.<\/p>\n<div class=\"textbox exercises\">\n<h3>example<\/h3>\n<p>Under the efficiency criterion, a graph shouldn&#8217;t be more complicated than is necessary to convey the desired information. For example, displays should not try to include trends for unrelated data or data of different magnitudes on the same graph.<\/p>\n<p>Which of the following statements would fall under the efficiency criterion of graphical displays? Choose all that apply.<\/p>\n<ol>\n<li>a) The reader should understand the graphical display with minimal effort.<\/li>\n<li>b) A graph should demand the concentration of the reader to correctly interpret it.<\/li>\n<li>c) The graphical display should be clear in communicating patterns or trends.<\/li>\n<\/ol>\n<div class=\"qa-wrapper\" style=\"display: block\"><span class=\"show-answer collapsed\" style=\"cursor: pointer\" data-target=\"q949169\">Show Answer<\/span><\/p>\n<div id=\"q949169\" class=\"hidden-answer\" style=\"display: none\">Both (a) and (c) are correct.<\/div>\n<\/div>\n<\/div>\n<p>Analyze the efficiency of the graph displayed in Question 3.<\/p>\n<div class=\"textbox key-takeaways\">\n<h3>question 3<\/h3>\n<p>Is this graph<a class=\"footnote\" title=\"The do\u2019s and don\u2019ts of dual axis charts. (2015, April 23). DataHero. Retrieved from https:\/\/datahero.com\/blog\/2015\/04\/23\/the-dos-and-donts-of-dual-axis-charts\/\" id=\"return-footnote-3831-4\" href=\"#footnote-3831-4\" aria-label=\"Footnote 4\"><sup class=\"footnote\">[4]<\/sup><\/a> efficient in showing the relationship between the average price per square foot compared to the average rent per square foot?<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-1155 aligncenter\" src=\"https:\/\/s3-us-west-2.amazonaws.com\/courses-images\/wp-content\/uploads\/sites\/5738\/2022\/01\/12023102\/Picture97-300x223.png\" alt=\"A graph titled &quot;Average price per square foot versus average rent per square foot by month.&quot; The horizontal axis is labeled date and has increments for approximately every four months. The left vertical axis is labeled &quot;Average Price Per Square Foot&quot; and is labeled by increments of 50 from 0 to 450. The right vertical axis is labeled&quot;Average Estimated Rent per Square Foot&quot; and is labeled by increments of 0.01 from 1.09 to 1.18. Beneath the graph, there is a legend that shows the bars indicate average price per square foot, while the points and line indicate average estimated rent per square foot. The graph shows both the connected points and the bars.\" width=\"588\" height=\"437\" \/><\/p>\n<ol>\n<li>a) Yes<\/li>\n<li>b) No<\/li>\n<\/ol>\n<div class=\"qa-wrapper\" style=\"display: block\"><span class=\"show-answer collapsed\" style=\"cursor: pointer\" data-target=\"q670071\">Hint<\/span><\/p>\n<div id=\"q670071\" class=\"hidden-answer\" style=\"display: none\">Take a closer look at the y-axis on the left and right. Do you normally see graphs with more than one y-axis?<\/div>\n<\/div>\n<\/div>\n<h3>Time, Ink, and Space<\/h3>\n<p>The fourth, fifth, and sixth criteria are closely related and are <strong>use of time<\/strong>, <strong>use of ink<\/strong>, and <strong>use of space<\/strong>. A graphical display is most effective when it allows the viewer to gain the largest number of ideas in the shortest time with the least amount of ink in the smallest space. With criteria four, five, and six, it is important to not overload the viewer of the graph with too much information. Graphical displays that do not show evidence of these criteria are graphs that have extra colors or symbols that are not needed, or 3-D plots where the third dimension is not relevant to understanding the graph.<\/p>\n<div class=\"textbox tryit\">\n<h3>Video Placement<\/h3>\n<p><span style=\"background-color: #e6daf7;\">[Perspective Video: a 3-instructor video that uses one good example of use of time\/ink\/space to show students how to think about a well-designed graph (see the link in Question 4 for an excellent example) along with classic examples of bad design using 3D graphs.]<\/span><\/p>\n<\/div>\n<p>Now it&#8217;s your turn to identify examples of good or bad examples of use of time, use of ink, and use of space as you answer Questions 4 and 5.<\/p>\n<div class=\"textbox key-takeaways\">\n<h3>question 4<\/h3>\n<p>Go to <a href=\"http:\/\/www.gapminder.org\/world\">www.gapminder.org\/world<\/a> and use the graph to answer Parts A and B.<\/p>\n<p>The graph is called a bubbleplot, with life expectancy on the y-axis and income per capita on the x-axis. Colors represents different geographic regions, and the size of the bubble represents the population size of the country.<\/p>\n<p>&nbsp;<\/p>\n<p>Part A: Does this graph make good use of time?<\/p>\n<ol>\n<li>a) Yes<\/li>\n<li>b) No<\/li>\n<\/ol>\n<div class=\"qa-wrapper\" style=\"display: block\"><span class=\"show-answer collapsed\" style=\"cursor: pointer\" data-target=\"q674423\">Hint<\/span><\/p>\n<div id=\"q674423\" class=\"hidden-answer\" style=\"display: none\">Click play on the bottom left-hand corner.<\/div>\n<\/div>\n<p>&nbsp;<\/p>\n<p>Part B: Does the graph make good use of small space?<\/p>\n<ol>\n<li>a) Yes<\/li>\n<li>b) No<\/li>\n<\/ol>\n<div class=\"qa-wrapper\" style=\"display: block\"><span class=\"show-answer collapsed\" style=\"cursor: pointer\" data-target=\"q730089\">Hint<\/span><\/p>\n<div id=\"q730089\" class=\"hidden-answer\" style=\"display: none\">Is there a use for a moving graph or animation that shows the data over time without individual plots for each year?<\/div>\n<\/div>\n<\/div>\n<div class=\"textbox key-takeaways\">\n<h3>question 5<\/h3>\n<p>Is there a good use of ink in the following pie chart<a class=\"footnote\" title=\"Sleuthing pie graphs. (n.d.). AAMT, Top Drawer Teachers. Retrieved from https:\/\/topdrawer.aamt.edu.au\/Statistics\/Good-teaching\/Data-representation\/Creating-pie- graphs\/Sleuthing-pie-graphs\" id=\"return-footnote-3831-5\" href=\"#footnote-3831-5\" aria-label=\"Footnote 5\"><sup class=\"footnote\">[5]<\/sup><\/a> that was used to summarize data on where dogs are used in the service of humans?<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-1156 aligncenter\" src=\"https:\/\/s3-us-west-2.amazonaws.com\/courses-images\/wp-content\/uploads\/sites\/5738\/2022\/01\/12023108\/Picture98-300x158.png\" alt=\"A 3-D pie chart of dogs in the service of humans. 33% are guide, 33% are visitor, 8% are hearing, 14% are police, 9% are prison, and 3% are custom.\" width=\"540\" height=\"285\" \/><\/p>\n<ol>\n<li>a) Yes<\/li>\n<li>b) No<\/li>\n<\/ol>\n<div class=\"qa-wrapper\" style=\"display: block\"><span class=\"show-answer collapsed\" style=\"cursor: pointer\" data-target=\"q504079\">Hint<\/span><\/p>\n<div id=\"q504079\" class=\"hidden-answer\" style=\"display: none\">Could the same information be communicated in the graph if a 2-D pie chart was used? The third dimension of this graph leads to misrepresentation of the data\u2014look at the two slices of the pie for visitor and guide, which are both 33%.<\/div>\n<\/div>\n<\/div>\n<h3>Multivariate<\/h3>\n<p><span style=\"background-color: #ffff99;\">[Note: this section appears to have been largely derived from\u00a0https:\/\/allpsych.com\/psychology101\/sensation_perception\/perception\/ , which is referenced in a footnote on the DC page. I added the paragraph relating it to the Gestalt Laws of design (a well-known UX principle) &#8212; it seems unusual that this page just uses these four principles without referencing the very well known source. I am not aware myself of the design criteria used this way statistically. This may be an attempt to summarize some key design principals into a neat set that DC has called The Criteria (emphasis mine). Someone else may have more information about it.]<\/span><\/p>\n<p>The seventh criterion is <strong>multivariate<\/strong>, which means displaying more than one variable on a graphical display to encourage the reader to make comparisons. The way that the multivariate criterion can be shown on a graph is through the design principles of similarity, proximity, continuity, or closure.<a class=\"footnote\" title=\"Chapter 5.2: Perception. (n.d.). AllPsych. Retrieved from https:\/\/allpsych.com\/psychology101\/perception\/\" id=\"return-footnote-3831-6\" href=\"#footnote-3831-6\" aria-label=\"Footnote 6\"><sup class=\"footnote\">[6]<\/sup><\/a><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1157\" src=\"https:\/\/s3-us-west-2.amazonaws.com\/courses-images\/wp-content\/uploads\/sites\/5738\/2022\/01\/12023111\/Picture99-300x93.gif\" alt=\"Four different principles of design. The first is labeled similarity and shows a row of blue dots above a row of black dots above another row of blue dots and then another row of black dots. The second is labeled proximity and shows three pairs of close-together lines. The third is labeled continuity and show fours curved lines of dots extending away from a central point in different directions. The final one is labeled closure and shows a circle that doesn't connect in the middle on either side and a square that doesn't connect just on the left side.\" width=\"514\" height=\"159\" \/><\/p>\n<ul>\n<li><em>Similarity<\/em> can be shown in a graphical display through the use of similar colors or shapes.<\/li>\n<li><em>Proximity<\/em> is defined as the spacing between visual objects.<\/li>\n<li><em>Connection<\/em> or continuity focuses on creating visual focus for the eye using lines.<\/li>\n<li><em>Closure<\/em> is the practice of using boxes or circles to highlight groups.<\/li>\n<\/ul>\n<p>This criterion stems from the Gestalt Principles, which are a set of psychological laws that describe the tendency in the human mind to items based on similar presentation. Graphical displays of multivariate data (more than two variables present, as opposed to univariate or bivariate data) leverage these principles to aid reader comprehension.<\/p>\n<p>Answer Questions 6 &#8211; 10 to see examples of how the multivariate principles apply to visual perception. Keep these in mind during the upcoming activities in this module.<\/p>\n<div class=\"textbox key-takeaways\">\n<h3>question 6<\/h3>\n<p><span style=\"text-decoration: underline;\">Similarity through colors<\/span>: When you look at the following image, do you see rows or columns?<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-1158 aligncenter\" src=\"https:\/\/s3-us-west-2.amazonaws.com\/courses-images\/wp-content\/uploads\/sites\/5738\/2022\/01\/12023115\/Picture100-300x300.png\" alt=\"Beneath a label that reads &quot;Similarity,&quot; this shows a four by four square of dots. The second and fourth horizontal sets of dots are darker in color than the other two horizontal sets.\" width=\"274\" height=\"274\" \/><\/p>\n<ol>\n<li>a) Rows<\/li>\n<li>b) Columns<\/li>\n<\/ol>\n<div class=\"qa-wrapper\" style=\"display: block\"><span class=\"show-answer collapsed\" style=\"cursor: pointer\" data-target=\"q460945\">Hint<\/span><\/p>\n<div id=\"q460945\" class=\"hidden-answer\" style=\"display: none\">Rows are the horizonal dots and columns are the vertical dots.<\/div>\n<\/div>\n<\/div>\n<div class=\"textbox key-takeaways\">\n<h3>question 7<\/h3>\n<p><span style=\"text-decoration: underline;\">Similarity through shapes<\/span>: When you look at the following image, do you see rows or columns?<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-1159 aligncenter\" src=\"https:\/\/s3-us-west-2.amazonaws.com\/courses-images\/wp-content\/uploads\/sites\/5738\/2022\/01\/12023119\/Picture1011-300x300.png\" alt=\"Underneath a heading that reads &quot;Similarity,&quot; this show a four by four square of shapes. The first and third vertical sets are circles, while the second and fourth are triangles. The second and fourth horizontal sets of circles are lighter in color than the first and third.\" width=\"278\" height=\"278\" \/><\/p>\n<ol>\n<li>a) Rows<\/li>\n<li>b) Columns<\/li>\n<\/ol>\n<div class=\"qa-wrapper\" style=\"display: block\"><span class=\"show-answer collapsed\" style=\"cursor: pointer\" data-target=\"q457479\">Hint<\/span><\/p>\n<div id=\"q457479\" class=\"hidden-answer\" style=\"display: none\">What do <em>you<\/em> think?<\/div>\n<\/div>\n<\/div>\n<div class=\"textbox key-takeaways\">\n<h3>question 8<\/h3>\n<p><span style=\"text-decoration: underline;\">Example of proximity<\/span>: When you look at the following image, do you see rows or columns?<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-1160 aligncenter\" src=\"https:\/\/s3-us-west-2.amazonaws.com\/courses-images\/wp-content\/uploads\/sites\/5738\/2022\/01\/12023124\/Picture102-300x145.png\" alt=\"Underneath a heading reading &quot;Proximity,&quot; this shows a four by four of circles. The second and fourth horizontal sets of circles are lighter than the others. There is more space between the circles horizontally than there is vertically.\" width=\"468\" height=\"226\" \/><\/p>\n<ol>\n<li>a) Rows<\/li>\n<li>b) Columns<\/li>\n<\/ol>\n<div class=\"qa-wrapper\" style=\"display: block\"><span class=\"show-answer collapsed\" style=\"cursor: pointer\" data-target=\"q904081\">Hint<\/span><\/p>\n<div id=\"q904081\" class=\"hidden-answer\" style=\"display: none\">What do <em>you<\/em> think?<\/div>\n<\/div>\n<\/div>\n<div class=\"textbox key-takeaways\">\n<h3>question 9<\/h3>\n<p>&nbsp;<\/p>\n<p><span style=\"text-decoration: underline;\">Example of connection<\/span>: When you look at the following image, do you see rows or columns?<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-1161 aligncenter\" src=\"https:\/\/s3-us-west-2.amazonaws.com\/courses-images\/wp-content\/uploads\/sites\/5738\/2022\/01\/12023128\/Picture103-300x300.png\" alt=\"Under a heading that reads &quot;Connection,&quot; this shows a four by four of circles. The circles are connected horizontally by lines.\" width=\"254\" height=\"254\" \/><\/p>\n<ol>\n<li>a) Rows<\/li>\n<li>b) Columns<\/li>\n<\/ol>\n<div class=\"qa-wrapper\" style=\"display: block\"><span class=\"show-answer collapsed\" style=\"cursor: pointer\" data-target=\"q352879\">Hint<\/span><\/p>\n<div id=\"q352879\" class=\"hidden-answer\" style=\"display: none\">What do <em>you<\/em> think?<\/div>\n<\/div>\n<\/div>\n<div class=\"textbox key-takeaways\">\n<h3>question 10<\/h3>\n<p><span style=\"text-decoration: underline;\">Example of closure<\/span>: When you look at the following image, do you see rows or columns?<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-1162 aligncenter\" src=\"https:\/\/s3-us-west-2.amazonaws.com\/courses-images\/wp-content\/uploads\/sites\/5738\/2022\/01\/12023144\/Picture104-300x269.png\" alt=\"Beneath a heading that reads &quot;Closure,&quot; this shows a four by four of circles. The 8 leftmost circles are enclosed in a rectangle, and the 8 rightmost circles are enclosed in a separate rectangle.\" width=\"278\" height=\"250\" \/><\/p>\n<ol>\n<li>a) Rows<\/li>\n<li>b) Columns<\/li>\n<\/ol>\n<div class=\"qa-wrapper\" style=\"display: block\"><span class=\"show-answer collapsed\" style=\"cursor: pointer\" data-target=\"q124594\">Hint<\/span><\/p>\n<div id=\"q124594\" class=\"hidden-answer\" style=\"display: none\">What do <em>you<\/em> think?<\/div>\n<\/div>\n<\/div>\n<h2>Summary<\/h2>\n<p>In this <em>What to Know\u00a0<\/em>page,\u00a0you learned to define the criteria for best practices in graphical displays and to use the criteria to look critically at graphs for misleading or missing representation. Let&#8217;s summarize these here by looking at the questions in which each criterion appeared.<\/p>\n<ul>\n<li>In Question 1, you identified evidence of the design criterion.<\/li>\n<li>In Question 2, you identified evidence of the precision criterion.<\/li>\n<li>In Question 3, you identified evidence of the efficiency criterion.<\/li>\n<li>In Questions 4 &#8211; 5,\u00a0you identified evidence of the use of time, use of space, and use of ink criteria.<\/li>\n<li>In Questions 6 &#8211; 10,\u00a0you identified evidence of the multivariate criterion.<\/li>\n<\/ul>\n<p>You may wish to make notes of these criteria to take into the activity with you.\u00a0If you feel comfortable with these ideas, move on to the activity in\u00a0<em>Forming Connections.<\/em><\/p>\n<hr class=\"before-footnotes clear\" \/><div class=\"footnotes\"><ol><li id=\"footnote-3831-1\">Tufte, E. R. (2001). The visual display of quantitative information (2nd edition). Graphics Press. <a href=\"#return-footnote-3831-1\" class=\"return-footnote\" aria-label=\"Return to footnote 1\">&crarr;<\/a><\/li><li id=\"footnote-3831-2\">Huang, C., Guo, C., Nichols, C., Chen, S., &amp; Martorell, R. (2014). Elevated levels of protein in urine in adulthood after exposure to the Chinese famine of 1959-61 during gestation and the early postnatal period. International Journal of Epidemiology, 43(6), 1806\u20131814. <a href=\"#return-footnote-3831-2\" class=\"return-footnote\" aria-label=\"Return to footnote 2\">&crarr;<\/a><\/li><li id=\"footnote-3831-3\">3 U.S. Department of Education, National Center for Education Statistics. (n.d.). Under President Obama, more students are earning their high school diplomas than ever before. https:\/\/twitter.com\/ObamaWhiteHouse\/status\/677189256834609152 <a href=\"#return-footnote-3831-3\" class=\"return-footnote\" aria-label=\"Return to footnote 3\">&crarr;<\/a><\/li><li id=\"footnote-3831-4\">The do\u2019s and don\u2019ts of dual axis charts. (2015, April 23). DataHero. Retrieved from https:\/\/datahero.com\/blog\/2015\/04\/23\/the-dos-and-donts-of-dual-axis-charts\/ <a href=\"#return-footnote-3831-4\" class=\"return-footnote\" aria-label=\"Return to footnote 4\">&crarr;<\/a><\/li><li id=\"footnote-3831-5\">Sleuthing pie graphs. (n.d.). AAMT, Top Drawer Teachers. Retrieved from https:\/\/topdrawer.aamt.edu.au\/Statistics\/Good-teaching\/Data-representation\/Creating-pie- graphs\/Sleuthing-pie-graphs <a href=\"#return-footnote-3831-5\" class=\"return-footnote\" aria-label=\"Return to footnote 5\">&crarr;<\/a><\/li><li id=\"footnote-3831-6\">Chapter 5.2: Perception. (n.d.). AllPsych. Retrieved from https:\/\/allpsych.com\/psychology101\/perception\/ <a href=\"#return-footnote-3831-6\" class=\"return-footnote\" aria-label=\"Return to footnote 6\">&crarr;<\/a><\/li><\/ol><\/div>","protected":false},"author":428269,"menu_order":13,"template":"","meta":{"_candela_citation":"[]","CANDELA_OUTCOMES_GUID":"","pb_show_title":"on","pb_short_title":"","pb_subtitle":"","pb_authors":[],"pb_section_license":""},"chapter-type":[],"contributor":[],"license":[],"class_list":["post-3831","chapter","type-chapter","status-publish","hentry"],"part":3807,"_links":{"self":[{"href":"https:\/\/courses.lumenlearning.com\/lumen-danacenter-statsmockup\/wp-json\/pressbooks\/v2\/chapters\/3831","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/courses.lumenlearning.com\/lumen-danacenter-statsmockup\/wp-json\/pressbooks\/v2\/chapters"}],"about":[{"href":"https:\/\/courses.lumenlearning.com\/lumen-danacenter-statsmockup\/wp-json\/wp\/v2\/types\/chapter"}],"author":[{"embeddable":true,"href":"https:\/\/courses.lumenlearning.com\/lumen-danacenter-statsmockup\/wp-json\/wp\/v2\/users\/428269"}],"version-history":[{"count":14,"href":"https:\/\/courses.lumenlearning.com\/lumen-danacenter-statsmockup\/wp-json\/pressbooks\/v2\/chapters\/3831\/revisions"}],"predecessor-version":[{"id":4679,"href":"https:\/\/courses.lumenlearning.com\/lumen-danacenter-statsmockup\/wp-json\/pressbooks\/v2\/chapters\/3831\/revisions\/4679"}],"part":[{"href":"https:\/\/courses.lumenlearning.com\/lumen-danacenter-statsmockup\/wp-json\/pressbooks\/v2\/parts\/3807"}],"metadata":[{"href":"https:\/\/courses.lumenlearning.com\/lumen-danacenter-statsmockup\/wp-json\/pressbooks\/v2\/chapters\/3831\/metadata\/"}],"wp:attachment":[{"href":"https:\/\/courses.lumenlearning.com\/lumen-danacenter-statsmockup\/wp-json\/wp\/v2\/media?parent=3831"}],"wp:term":[{"taxonomy":"chapter-type","embeddable":true,"href":"https:\/\/courses.lumenlearning.com\/lumen-danacenter-statsmockup\/wp-json\/pressbooks\/v2\/chapter-type?post=3831"},{"taxonomy":"contributor","embeddable":true,"href":"https:\/\/courses.lumenlearning.com\/lumen-danacenter-statsmockup\/wp-json\/wp\/v2\/contributor?post=3831"},{"taxonomy":"license","embeddable":true,"href":"https:\/\/courses.lumenlearning.com\/lumen-danacenter-statsmockup\/wp-json\/wp\/v2\/license?post=3831"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}