{"id":55210,"date":"2022-07-14T10:14:07","date_gmt":"2022-07-14T13:14:07","guid":{"rendered":"https:\/\/eldorado.hmldev.com.br\/blog\/a-importancia-do-design-na-visualizacao-de-dados-2\/"},"modified":"2022-07-14T10:23:28","modified_gmt":"2022-07-14T13:23:28","slug":"a-importancia-do-design-na-visualizacao-de-dados-2","status":"publish","type":"post","link":"https:\/\/eldorado.hmldev.com.br\/en\/blog\/a-importancia-do-design-na-visualizacao-de-dados-2\/","title":{"rendered":"The importance of design in data visualization"},"content":{"rendered":"<p><span style=\"font-weight: 400;\">In the age of information, we live through an avalanche of various types of data for the most varied of contexts. We produce, process and store an unprecedented volume of data and we currently have more data than ever before. For this reason, the demand for data analytics continues on the rise, as the possible applications are so diverse.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">However, what good is all this availability of information if we don\u2019t use that raw data and turn them into an object that either creates value or tells a good story and helps the public make decisions? From that insight, another question arises:\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">How can we interpret and present those data not only assertively, but also in a visually consistent way?\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">To help us with that, there are certain design techniques we can apply to data visualization.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">There are various types of charts available, and one of the most \u201csensitive\u201d moments in the data analytics process is deciding how data will be presented. But that is not the most important point\u2014if it either has too many elements or lacks information, even the right chart be hard for people to interpret.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">To make a chart more visually effective, we need to apply certain design techniques, such as communication and the Gestalt laws, for example.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Check this article to learn a little more about some of the visual principles of design.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Those techniques involve key principles that describe how the human brain has the ability to understand and interpret a piece of visual communication and find meaning, even where that communication is composed of different individual parts. They are listed below:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\"><strong>Proximity<\/strong>: Elements that are close together appear to have a directly relationship;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\"><strong>Similarity<\/strong>: Similar elements tend to appear to belong in the same group;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\"><strong>Continuity<\/strong>: When elements are lined up or organized in any way, they create the interpretation that they are related;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\"><strong>Closure<\/strong>: Creating closed groups to establish implicit limit.<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">So, how do you create a clear and clean chart using visual design techniques?\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">A \u201cclean\u201d chart is key to visually communicating data in a clear and impactful way. If viewers have to make an effort to understand the story a chart is telling, then we have a ineffective chart.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">To generate an assertive visualization, you need to understand what is to be shown and the target audience you want to reach. Once you have that understanding, it gets easier to start creating a data chart in an intuitive format that can be understood more easily and provides clear and useful information. Look at the following comparative chart:<\/span><\/p>\n<p><span style=\"font-weight: 400;\"><br \/>\n<\/span><span style=\"font-weight: 400;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-54760 size-full\" src=\"https:\/\/eldorado.hmldev.com.br\/wp-content\/uploads\/2022\/06\/image10.png\" alt=\"\" width=\"695\" height=\"431\" srcset=\"https:\/\/eldorado.hmldev.com.br\/wp-content\/uploads\/2022\/06\/image10.png 695w, https:\/\/eldorado.hmldev.com.br\/wp-content\/uploads\/2022\/06\/image10-300x186.png 300w\" sizes=\"auto, (max-width: 695px) 100vw, 695px\" \/><\/span><\/p>\n<p style=\"text-align: center;\"><strong>Figura 1<\/strong><\/p>\n<p><span style=\"font-weight: 400;\">When you look at the elements of the chart in figure 1, you can tell it takes some cognitive effort to interpret the information:<\/span><\/p>\n<ul>\n<li><span style=\"font-weight: 400;\">The graph has may grades;<\/span><\/li>\n<li><span style=\"font-weight: 400;\">The title doesn\u2019t say what it is about and from whom those complaints are;<\/span><\/li>\n<li><span style=\"font-weight: 400;\">The information on the axes is extensive and worthless;<\/span><\/li>\n<li><span style=\"font-weight: 400;\">The color indicates that the data are being shown in a negative context for the company.<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">By removing some grid lines from the background, selecting more appropriate colors, focusing on the data line and adjusting the texts around the axes in the title, we can create a visually cleaner version:<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-54742 size-full\" src=\"https:\/\/eldorado.hmldev.com.br\/wp-content\/uploads\/2022\/06\/image2.png\" alt=\"\" width=\"695\" height=\"412\" srcset=\"https:\/\/eldorado.hmldev.com.br\/wp-content\/uploads\/2022\/06\/image2.png 695w, https:\/\/eldorado.hmldev.com.br\/wp-content\/uploads\/2022\/06\/image2-300x178.png 300w\" sizes=\"auto, (max-width: 695px) 100vw, 695px\" \/><\/p>\n<p style=\"text-align: center;\"><strong>Figura 2<\/strong><\/p>\n<p><span style=\"font-weight: 400;\">In these examples, it is really important to take the context into consideration, meaning who the target audiences are and what the intent of the chart is by presenting those data. In this case, the author wants to communicate to us that even though in the earlier months there was nearly a month\u2019s period of growing complaints, there has been sustained fall in complaints at their company since just past the month of April.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">It is also very important to choose the right colors that are fit for the data being provided. For example, on the chart in figure 1, the color red can convey a sense of negativity or harm, when, in fact, in the context of the chart, the fall in complaints is positive information for the company.<\/span><\/p>\n<h3>Applying accessibility is key<\/h3>\n<p><span style=\"font-weight: 400;\">As we apply design techniques to data visualization, accessibility is paramount, especially because we use colors and subtitles on charts.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">For people with visual disability, the information in subtitles can be confused, and without contrast between elements, the chart can become ineffective for the neurally diverse.<\/span><\/p>\n<h3>Contrast is your best friend<\/h3>\n<p><span style=\"font-weight: 400;\">While making reading easier for viewers, contrast helps people with poor sight, among other visual disabilities. It is very important not only to add a white background to your chart, but also to add white spaces to separate the series, as subtitles alone are not always enough. Look at the following examples:<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Chart 1 shows us the colors in which data are viewed, with subtitles added to each series.<br \/>\n<\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><span style=\"font-weight: 400;\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-54744 size-full aligncenter\" src=\"https:\/\/eldorado.hmldev.com.br\/wp-content\/uploads\/2022\/06\/image9.png\" alt=\"\" width=\"195\" height=\"173\" \/><\/span><\/p>\n<p style=\"text-align: center;\"><strong>Gr\u00e1fico 1<\/strong><\/p>\n<p><b><span style=\"font-weight: 400;\">Chart 2, in turn, shows the same information as chart 1, but as viewed by a colorblind person. Note that the series are confused by the colorblind.<\/span><\/b><\/p>\n<p><span style=\"font-weight: 400;\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-54746 size-full aligncenter\" src=\"https:\/\/eldorado.hmldev.com.br\/wp-content\/uploads\/2022\/06\/image7.png\" alt=\"\" width=\"195\" height=\"173\" \/><\/span><\/p>\n<p style=\"text-align: center;\"><b>Gr\u00e1fico 2\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0<\/b><\/p>\n<p style=\"text-align: left;\"><span style=\"font-weight: 400;\">To make that chart more accessible, we recommend adding lines to separate the series. That way, the series are easily identified.<\/span><\/p>\n<p>&nbsp;<\/p>\n<p style=\"text-align: center;\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-54748 size-full aligncenter\" src=\"https:\/\/eldorado.hmldev.com.br\/wp-content\/uploads\/2022\/06\/image3.png\" alt=\"\" width=\"195\" height=\"173\" \/><strong>Gr\u00e1fico 3<\/strong><\/p>\n<p>&nbsp;<\/p>\n<h3>Use geometric shapes in a line chart<\/h3>\n<p><span style=\"font-weight: 400;\">In line charts, we recommend using dots to differentiate between series and different shapes, such as polygons, to make up the series.<\/span><\/p>\n<p><span style=\"font-weight: 400;\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-54750 size-full aligncenter\" src=\"https:\/\/eldorado.hmldev.com.br\/wp-content\/uploads\/2022\/06\/image4.png\" alt=\"\" width=\"620\" height=\"153\" srcset=\"https:\/\/eldorado.hmldev.com.br\/wp-content\/uploads\/2022\/06\/image4.png 620w, https:\/\/eldorado.hmldev.com.br\/wp-content\/uploads\/2022\/06\/image4-300x74.png 300w\" sizes=\"auto, (max-width: 620px) 100vw, 620px\" \/><\/span><\/p>\n<p><span style=\"font-weight: 400;\">The first example shows how the series are confused by people with poor sight if no accessibility technique is applied. When geometric shapes and dotted lines are used to differentiate series, the charge becomes more accessible.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-54752 size-full\" src=\"https:\/\/eldorado.hmldev.com.br\/wp-content\/uploads\/2022\/06\/image5.png\" alt=\"\" width=\"627\" height=\"158\" srcset=\"https:\/\/eldorado.hmldev.com.br\/wp-content\/uploads\/2022\/06\/image5.png 627w, https:\/\/eldorado.hmldev.com.br\/wp-content\/uploads\/2022\/06\/image5-300x76.png 300w\" sizes=\"auto, (max-width: 627px) 100vw, 627px\" \/><\/p>\n<p>&nbsp;<\/p>\n<h3>Textures are welcome<\/h3>\n<p><span style=\"font-weight: 400;\">For pie charts, maps and bar charts, in addition to using white and applying contrast to separate series, using different textures, such as lines, dashes, dotted lines and other aids provides better separation between series and makes the viewing even more accessible to the public.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-54754 size-full\" src=\"https:\/\/eldorado.hmldev.com.br\/wp-content\/uploads\/2022\/06\/image6.png\" alt=\"\" width=\"311\" height=\"190\" srcset=\"https:\/\/eldorado.hmldev.com.br\/wp-content\/uploads\/2022\/06\/image6.png 311w, https:\/\/eldorado.hmldev.com.br\/wp-content\/uploads\/2022\/06\/image6-300x183.png 300w\" sizes=\"auto, (max-width: 311px) 100vw, 311px\" \/><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-54756 size-medium aligncenter\" src=\"https:\/\/eldorado.hmldev.com.br\/wp-content\/uploads\/2022\/06\/image8-300x176.png\" alt=\"\" width=\"300\" height=\"176\" srcset=\"https:\/\/eldorado.hmldev.com.br\/wp-content\/uploads\/2022\/06\/image8-300x176.png 300w, https:\/\/eldorado.hmldev.com.br\/wp-content\/uploads\/2022\/06\/image8-768x450.png 768w, https:\/\/eldorado.hmldev.com.br\/wp-content\/uploads\/2022\/06\/image8.png 965w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/p>\n<h3><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-54762 aligncenter\" src=\"https:\/\/eldorado.hmldev.com.br\/wp-content\/uploads\/2022\/06\/image1-1-300x146.png\" alt=\"\" width=\"300\" height=\"146\" srcset=\"https:\/\/eldorado.hmldev.com.br\/wp-content\/uploads\/2022\/06\/image1-1-300x146.png 300w, https:\/\/eldorado.hmldev.com.br\/wp-content\/uploads\/2022\/06\/image1-1-1024x498.png 1024w, https:\/\/eldorado.hmldev.com.br\/wp-content\/uploads\/2022\/06\/image1-1-768x374.png 768w, https:\/\/eldorado.hmldev.com.br\/wp-content\/uploads\/2022\/06\/image1-1-970x471.png 970w, https:\/\/eldorado.hmldev.com.br\/wp-content\/uploads\/2022\/06\/image1-1.png 1104w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/h3>\n<p>&nbsp;<\/p>\n<h3 style=\"text-align: left;\"><strong>Color can be your friend or enemy<\/strong><\/h3>\n<p>According to the WCAG, the minimum value required for contrast between colors is 4.5:1. We should also avoid making color combinations like:<\/p>\n<p>\u2013 red and green;<br \/>\n\u2013 green and brown;<br \/>\n\u2013 green and blue;<br \/>\n\u2013 blue and gray;<br \/>\n\u2013 blue and purple;<br \/>\n\u2013 green and gray;<br \/>\n\u2013 green and black.<\/p>\n<p>Using contrast-checking tools is a good tip, as they can assist in choosing a good color palette when it comes to accessibility.<\/p>\n<p>Data visualization designer Lisa Charlotte has proposed a color palette that works for the major types of colorblindness. That way, we can use the right colors and make your visualization consistent and accessible.<\/p>\n<h3>Describe your visualization<\/h3>\n<p>Another very important point is to describe charts, tables or maps. When writing a paragraph, sum up the key piece of information of each data visualization. That can make viewing more accessible to people with poor sight who read the texts \u201cbehind\u201d each visual component.<\/p>\n<h3>Conclusion<\/h3>\n<p>Data transformation is a complex but necessary thing. That is what ensures a detailed macro-visualization of data. With no visualization, it would be impossible to understand and make any decision based on raw data.<\/p>\n<p>Data visualization is not only about using number, metrics and indicators, but also about us deciding the templates and elements we need to use while telling a story, so it is easy to interpret and attractive to all viewers.<\/p>\n<p>Data visualization should also be easy to understand, so even those less familiar with the subject can understand the message being conveyed.<\/p>\n<p>Seeking to understand the story being told by the data and asking what type of chart to use and to what audiences that story is being told is a good way of starting to plot a good chart. Choosing a good design and avoiding very complex elements so as not to confuse viewers in their visual interpretation are also a good practice. When building a chart, we must focus on the important data, eliminating any noises that would divert the viewers\u2019 attention.<\/p>\n<p>Creating a visual hierarchy, applying contrasts and subtitles and describing your charts involve considering not only visual design, but also inclusion and accessibility, and we should always remember that design is by all and for all. When all of these good practices are applied, the story in the data emerges naturally and clearly, creating an effective chart that stimulates any and all viewers to make more assertive decisions.<\/p>\n<h2>Bibliographic References<\/h2>\n<p>Knaflic, Cole Nussbaumer. Storytelling with Data.<\/p>\n<p>Milani, Alessandra M., P. et al. Data Visualization.<\/p>\n<p>Muzner, T. Visualization Analysis and Design.<\/p>\n<p>Wike, Claus O. Fundamentals of Data Visualization.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In the age of information, we live through an avalanche [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":54756,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[2,146,147,151],"tags":[],"coauthors":[177],"class_list":["post-55210","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-connectivity","category-transformacao-digital-en","category-inovacao-en","category-data-science-en-2"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>The importance of design in data visualization - Instituto Eldorado<\/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:\/\/eldorado.hmldev.com.br\/en\/blog\/a-importancia-do-design-na-visualizacao-de-dados-2\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"The importance of design in data visualization - Instituto Eldorado\" \/>\n<meta property=\"og:description\" content=\"In the age of information, we live through an avalanche [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/eldorado.hmldev.com.br\/en\/blog\/a-importancia-do-design-na-visualizacao-de-dados-2\/\" \/>\n<meta property=\"og:site_name\" content=\"Instituto Eldorado\" \/>\n<meta property=\"article:published_time\" content=\"2022-07-14T13:14:07+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-07-14T13:23:28+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/eldorado.hmldev.com.br\/wp-content\/uploads\/2022\/06\/image8.png\" \/>\n\t<meta property=\"og:image:width\" content=\"965\" \/>\n\t<meta property=\"og:image:height\" content=\"565\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Instituto Eldorado\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Instituto Eldorado\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"10 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/eldorado.hmldev.com.br\\\/en\\\/blog\\\/a-importancia-do-design-na-visualizacao-de-dados-2\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/eldorado.hmldev.com.br\\\/en\\\/blog\\\/a-importancia-do-design-na-visualizacao-de-dados-2\\\/\"},\"author\":{\"name\":\"Instituto Eldorado\",\"@id\":\"https:\\\/\\\/eldorado.hmldev.com.br\\\/#\\\/schema\\\/person\\\/0b814f6ad29b497e5aa20a4f43afb616\"},\"headline\":\"The importance of design in data visualization\",\"datePublished\":\"2022-07-14T13:14:07+00:00\",\"dateModified\":\"2022-07-14T13:23:28+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/eldorado.hmldev.com.br\\\/en\\\/blog\\\/a-importancia-do-design-na-visualizacao-de-dados-2\\\/\"},\"wordCount\":1389,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/eldorado.hmldev.com.br\\\/en\\\/blog\\\/a-importancia-do-design-na-visualizacao-de-dados-2\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/eldorado.hmldev.com.br\\\/wp-content\\\/uploads\\\/2022\\\/06\\\/image8.png\",\"articleSection\":[\"Connectivity\",\"Transforma\u00e7\u00e3o Digital\",\"Inova\u00e7\u00e3o\",\"Data Science\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/eldorado.hmldev.com.br\\\/en\\\/blog\\\/a-importancia-do-design-na-visualizacao-de-dados-2\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/eldorado.hmldev.com.br\\\/en\\\/blog\\\/a-importancia-do-design-na-visualizacao-de-dados-2\\\/\",\"url\":\"https:\\\/\\\/eldorado.hmldev.com.br\\\/en\\\/blog\\\/a-importancia-do-design-na-visualizacao-de-dados-2\\\/\",\"name\":\"The importance of design in data visualization - Instituto Eldorado\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/eldorado.hmldev.com.br\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/eldorado.hmldev.com.br\\\/en\\\/blog\\\/a-importancia-do-design-na-visualizacao-de-dados-2\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/eldorado.hmldev.com.br\\\/en\\\/blog\\\/a-importancia-do-design-na-visualizacao-de-dados-2\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/eldorado.hmldev.com.br\\\/wp-content\\\/uploads\\\/2022\\\/06\\\/image8.png\",\"datePublished\":\"2022-07-14T13:14:07+00:00\",\"dateModified\":\"2022-07-14T13:23:28+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/eldorado.hmldev.com.br\\\/#\\\/schema\\\/person\\\/0b814f6ad29b497e5aa20a4f43afb616\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/eldorado.hmldev.com.br\\\/en\\\/blog\\\/a-importancia-do-design-na-visualizacao-de-dados-2\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/eldorado.hmldev.com.br\\\/en\\\/blog\\\/a-importancia-do-design-na-visualizacao-de-dados-2\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/eldorado.hmldev.com.br\\\/en\\\/blog\\\/a-importancia-do-design-na-visualizacao-de-dados-2\\\/#primaryimage\",\"url\":\"https:\\\/\\\/eldorado.hmldev.com.br\\\/wp-content\\\/uploads\\\/2022\\\/06\\\/image8.png\",\"contentUrl\":\"https:\\\/\\\/eldorado.hmldev.com.br\\\/wp-content\\\/uploads\\\/2022\\\/06\\\/image8.png\",\"width\":965,\"height\":565},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/eldorado.hmldev.com.br\\\/en\\\/blog\\\/a-importancia-do-design-na-visualizacao-de-dados-2\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/eldorado.hmldev.com.br\\\/en\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"The importance of design in data visualization\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/eldorado.hmldev.com.br\\\/#website\",\"url\":\"https:\\\/\\\/eldorado.hmldev.com.br\\\/\",\"name\":\"Instituto Eldorado\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/eldorado.hmldev.com.br\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/eldorado.hmldev.com.br\\\/#\\\/schema\\\/person\\\/0b814f6ad29b497e5aa20a4f43afb616\",\"name\":\"Instituto Eldorado\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/eldorado.hmldev.com.br\\\/wp-content\\\/uploads\\\/2022\\\/11\\\/Logo-Eldorado-Cinza-150x150.jpg7ae8d635cc1f5f2c8bd5a8a535df5966\",\"url\":\"https:\\\/\\\/eldorado.hmldev.com.br\\\/wp-content\\\/uploads\\\/2022\\\/11\\\/Logo-Eldorado-Cinza-150x150.jpg\",\"contentUrl\":\"https:\\\/\\\/eldorado.hmldev.com.br\\\/wp-content\\\/uploads\\\/2022\\\/11\\\/Logo-Eldorado-Cinza-150x150.jpg\",\"caption\":\"Instituto Eldorado\"},\"sameAs\":[\"http:\\\/\\\/hmlproj.com.br\\\/institutoeldorado\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"The importance of design in data visualization - Instituto Eldorado","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:\/\/eldorado.hmldev.com.br\/en\/blog\/a-importancia-do-design-na-visualizacao-de-dados-2\/","og_locale":"en_US","og_type":"article","og_title":"The importance of design in data visualization - Instituto Eldorado","og_description":"In the age of information, we live through an avalanche [&hellip;]","og_url":"https:\/\/eldorado.hmldev.com.br\/en\/blog\/a-importancia-do-design-na-visualizacao-de-dados-2\/","og_site_name":"Instituto Eldorado","article_published_time":"2022-07-14T13:14:07+00:00","article_modified_time":"2022-07-14T13:23:28+00:00","og_image":[{"width":965,"height":565,"url":"https:\/\/eldorado.hmldev.com.br\/wp-content\/uploads\/2022\/06\/image8.png","type":"image\/png"}],"author":"Instituto Eldorado","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Instituto Eldorado","Est. reading time":"10 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/eldorado.hmldev.com.br\/en\/blog\/a-importancia-do-design-na-visualizacao-de-dados-2\/#article","isPartOf":{"@id":"https:\/\/eldorado.hmldev.com.br\/en\/blog\/a-importancia-do-design-na-visualizacao-de-dados-2\/"},"author":{"name":"Instituto Eldorado","@id":"https:\/\/eldorado.hmldev.com.br\/#\/schema\/person\/0b814f6ad29b497e5aa20a4f43afb616"},"headline":"The importance of design in data visualization","datePublished":"2022-07-14T13:14:07+00:00","dateModified":"2022-07-14T13:23:28+00:00","mainEntityOfPage":{"@id":"https:\/\/eldorado.hmldev.com.br\/en\/blog\/a-importancia-do-design-na-visualizacao-de-dados-2\/"},"wordCount":1389,"commentCount":0,"image":{"@id":"https:\/\/eldorado.hmldev.com.br\/en\/blog\/a-importancia-do-design-na-visualizacao-de-dados-2\/#primaryimage"},"thumbnailUrl":"https:\/\/eldorado.hmldev.com.br\/wp-content\/uploads\/2022\/06\/image8.png","articleSection":["Connectivity","Transforma\u00e7\u00e3o Digital","Inova\u00e7\u00e3o","Data Science"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/eldorado.hmldev.com.br\/en\/blog\/a-importancia-do-design-na-visualizacao-de-dados-2\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/eldorado.hmldev.com.br\/en\/blog\/a-importancia-do-design-na-visualizacao-de-dados-2\/","url":"https:\/\/eldorado.hmldev.com.br\/en\/blog\/a-importancia-do-design-na-visualizacao-de-dados-2\/","name":"The importance of design in data visualization - Instituto Eldorado","isPartOf":{"@id":"https:\/\/eldorado.hmldev.com.br\/#website"},"primaryImageOfPage":{"@id":"https:\/\/eldorado.hmldev.com.br\/en\/blog\/a-importancia-do-design-na-visualizacao-de-dados-2\/#primaryimage"},"image":{"@id":"https:\/\/eldorado.hmldev.com.br\/en\/blog\/a-importancia-do-design-na-visualizacao-de-dados-2\/#primaryimage"},"thumbnailUrl":"https:\/\/eldorado.hmldev.com.br\/wp-content\/uploads\/2022\/06\/image8.png","datePublished":"2022-07-14T13:14:07+00:00","dateModified":"2022-07-14T13:23:28+00:00","author":{"@id":"https:\/\/eldorado.hmldev.com.br\/#\/schema\/person\/0b814f6ad29b497e5aa20a4f43afb616"},"breadcrumb":{"@id":"https:\/\/eldorado.hmldev.com.br\/en\/blog\/a-importancia-do-design-na-visualizacao-de-dados-2\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/eldorado.hmldev.com.br\/en\/blog\/a-importancia-do-design-na-visualizacao-de-dados-2\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/eldorado.hmldev.com.br\/en\/blog\/a-importancia-do-design-na-visualizacao-de-dados-2\/#primaryimage","url":"https:\/\/eldorado.hmldev.com.br\/wp-content\/uploads\/2022\/06\/image8.png","contentUrl":"https:\/\/eldorado.hmldev.com.br\/wp-content\/uploads\/2022\/06\/image8.png","width":965,"height":565},{"@type":"BreadcrumbList","@id":"https:\/\/eldorado.hmldev.com.br\/en\/blog\/a-importancia-do-design-na-visualizacao-de-dados-2\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/eldorado.hmldev.com.br\/en\/"},{"@type":"ListItem","position":2,"name":"The importance of design in data visualization"}]},{"@type":"WebSite","@id":"https:\/\/eldorado.hmldev.com.br\/#website","url":"https:\/\/eldorado.hmldev.com.br\/","name":"Instituto Eldorado","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/eldorado.hmldev.com.br\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/eldorado.hmldev.com.br\/#\/schema\/person\/0b814f6ad29b497e5aa20a4f43afb616","name":"Instituto Eldorado","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/eldorado.hmldev.com.br\/wp-content\/uploads\/2022\/11\/Logo-Eldorado-Cinza-150x150.jpg7ae8d635cc1f5f2c8bd5a8a535df5966","url":"https:\/\/eldorado.hmldev.com.br\/wp-content\/uploads\/2022\/11\/Logo-Eldorado-Cinza-150x150.jpg","contentUrl":"https:\/\/eldorado.hmldev.com.br\/wp-content\/uploads\/2022\/11\/Logo-Eldorado-Cinza-150x150.jpg","caption":"Instituto Eldorado"},"sameAs":["http:\/\/hmlproj.com.br\/institutoeldorado"]}]}},"_links":{"self":[{"href":"https:\/\/eldorado.hmldev.com.br\/en\/wp-json\/wp\/v2\/posts\/55210","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/eldorado.hmldev.com.br\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/eldorado.hmldev.com.br\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/eldorado.hmldev.com.br\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/eldorado.hmldev.com.br\/en\/wp-json\/wp\/v2\/comments?post=55210"}],"version-history":[{"count":0,"href":"https:\/\/eldorado.hmldev.com.br\/en\/wp-json\/wp\/v2\/posts\/55210\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/eldorado.hmldev.com.br\/en\/wp-json\/wp\/v2\/media\/54756"}],"wp:attachment":[{"href":"https:\/\/eldorado.hmldev.com.br\/en\/wp-json\/wp\/v2\/media?parent=55210"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/eldorado.hmldev.com.br\/en\/wp-json\/wp\/v2\/categories?post=55210"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/eldorado.hmldev.com.br\/en\/wp-json\/wp\/v2\/tags?post=55210"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/eldorado.hmldev.com.br\/en\/wp-json\/wp\/v2\/coauthors?post=55210"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}