<br />
<b>Warning</b>:  Undefined array key 1 in <b>/home/marcoseb/test-bridge.marcosebastian.com/wp-content/plugins/visitors-online/visitors-online.php</b> on line <b>438</b><br />
<br />
<b>Warning</b>:  Undefined array key 2 in <b>/home/marcoseb/test-bridge.marcosebastian.com/wp-content/plugins/visitors-online/visitors-online.php</b> on line <b>438</b><br />
{"id":357,"date":"2023-06-16T18:30:47","date_gmt":"2023-06-16T18:30:47","guid":{"rendered":"https:\/\/bridge-ux-wordpress.devtest-lb-bridge.kyndryl.com\/docs\/shidoka\/design-guidelines\/data-visualization\/"},"modified":"2023-06-21T20:45:32","modified_gmt":"2023-06-21T20:45:32","slug":"data-visualization","status":"publish","type":"docs","link":"https:\/\/test-bridge.marcosebastian.com\/?docs=shidoka\/design-guidelines\/data-visualization","title":{"rendered":"Data Visualization"},"content":{"rendered":"<p><span style=\"font-family: arial, helvetica, sans-serif; font-size: 18px;\"><strong>&#8220;Do&#8217;s&#8221; when creating a data visualization chart:<\/strong><\/span><\/p>\n<ol>\n<li><span style=\"font-family: arial, helvetica, sans-serif;\">Do clearly define the purpose and intended message of the chart.<\/span><\/li>\n<li><span style=\"font-family: arial, helvetica, sans-serif;\">Do choose the appropriate chart type that effectively represents the data.<\/span><\/li>\n<li><span style=\"font-family: arial, helvetica, sans-serif;\">Do use a consistent color palette and meaningful color coding for data categories.<\/span><\/li>\n<li><span style=\"font-family: arial, helvetica, sans-serif;\">Do label axes, data points, and provide relevant annotations for clarity.<\/span><\/li>\n<li><span style=\"font-family: arial, helvetica, sans-serif;\">Do use clear and concise titles, headings, and legends.<\/span><\/li>\n<li><span style=\"font-family: arial, helvetica, sans-serif;\">Do keep the design clean and uncluttered, focusing on the most important information.<\/span><\/li>\n<li><span style=\"font-family: arial, helvetica, sans-serif;\">Do ensure readability by using an appropriate font size and style.<\/span><\/li>\n<li><span style=\"font-family: arial, helvetica, sans-serif;\">Do align the chart with the overall design system and visual language.<\/span><\/li>\n<li><span style=\"font-family: arial, helvetica, sans-serif;\">Do test the chart&#8217;s usability and effectiveness with representative users.<\/span><\/li>\n<li><span style=\"font-family: arial, helvetica, sans-serif;\">Do provide context and explanations to aid user interpretation.<\/span><\/li>\n<\/ol>\n<p><span style=\"font-family: arial, helvetica, sans-serif; font-size: 18px;\"><strong>&#8220;Don&#8217;ts&#8221; when creating a data visualization chart:<\/strong><\/span><\/p>\n<ol>\n<li><span style=\"font-family: arial, helvetica, sans-serif;\">Don&#8217;t overload the chart with excessive data or unnecessary elements.<\/span><\/li>\n<li><span style=\"font-family: arial, helvetica, sans-serif;\">Don&#8217;t use misleading or ambiguous labels, titles, or annotations.<\/span><\/li>\n<li><span style=\"font-family: arial, helvetica, sans-serif;\">Don&#8217;t rely solely on colors to convey critical information; consider accessibility for color-blind users.<\/span><\/li>\n<li><span style=\"font-family: arial, helvetica, sans-serif;\">Don&#8217;t distort the data or use misleading scales that misrepresent the values.<\/span><\/li>\n<li><span style=\"font-family: arial, helvetica, sans-serif;\">Don&#8217;t overcrowd the chart with too many data points or labels, leading to clutter.<\/span><\/li>\n<li><span style=\"font-family: arial, helvetica, sans-serif;\">Don&#8217;t use overly complex or unfamiliar chart types that may confuse the audience.<\/span><\/li>\n<li><span style=\"font-family: arial, helvetica, sans-serif;\">Don&#8217;t compromise readability by using small font sizes or unclear text.<\/span><\/li>\n<li><span style=\"font-family: arial, helvetica, sans-serif;\">Don&#8217;t deviate from the established design system guidelines and visual consistency.<\/span><\/li>\n<li><span style=\"font-family: arial, helvetica, sans-serif;\">Don&#8217;t assume user understanding; provide sufficient context and explanations.<\/span><\/li>\n<li><span style=\"font-family: arial, helvetica, sans-serif;\">Don&#8217;t neglect usability testing and gathering feedback from users for improvement.<\/span><\/li>\n<\/ol>\n<p><span style=\"font-family: arial, helvetica, sans-serif;\">By following these &#8220;do&#8217;s&#8221; and avoiding the &#8216;don&#8217;ts&#8221;, you can create data visualization charts that effectively communicate information, maintain clarity, and enhance user comprehension and engagement.<\/span><\/p>\n","protected":false},"featured_media":0,"parent":331,"menu_order":4,"comment_status":"open","ping_status":"closed","template":"","doc_tag":[],"class_list":["post-357","docs","type-docs","status-publish","hentry"],"acf":[],"comment_count":0,"_links":{"self":[{"href":"https:\/\/test-bridge.marcosebastian.com\/index.php?rest_route=\/wp\/v2\/docs\/357","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/test-bridge.marcosebastian.com\/index.php?rest_route=\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/test-bridge.marcosebastian.com\/index.php?rest_route=\/wp\/v2\/types\/docs"}],"replies":[{"embeddable":true,"href":"https:\/\/test-bridge.marcosebastian.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=357"}],"version-history":[{"count":0,"href":"https:\/\/test-bridge.marcosebastian.com\/index.php?rest_route=\/wp\/v2\/docs\/357\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/test-bridge.marcosebastian.com\/index.php?rest_route=\/wp\/v2\/docs\/331"}],"next":[{"title":"Displaying Data","link":"https:\/\/test-bridge.marcosebastian.com\/?docs=shidoka\/design-guidelines\/displaying-data","href":"https:\/\/test-bridge.marcosebastian.com\/index.php?rest_route=\/wp\/v2\/docs\/358"}],"prev":[{"title":"Data Entry","link":"https:\/\/test-bridge.marcosebastian.com\/?docs=shidoka\/design-guidelines\/data-entry","href":"https:\/\/test-bridge.marcosebastian.com\/index.php?rest_route=\/wp\/v2\/docs\/356"}],"wp:attachment":[{"href":"https:\/\/test-bridge.marcosebastian.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=357"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/test-bridge.marcosebastian.com\/index.php?rest_route=%2Fwp%2Fv2%2Fdoc_tag&post=357"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}