{"id":472,"date":"2017-01-28T08:18:00","date_gmt":"2017-01-28T08:18:00","guid":{"rendered":"https:\/\/blogs.scu.edu\/dataviz\/?p=472"},"modified":"2017-01-28T08:18:00","modified_gmt":"2017-01-28T08:18:00","slug":"clarity-or-aesthetics-a-quantify-way-to-achieve-both","status":"publish","type":"post","link":"https:\/\/blogs.scu.edu\/dataviz\/2017\/01\/28\/clarity-or-aesthetics-a-quantify-way-to-achieve-both\/","title":{"rendered":"Clarity or Aesthetics? &#8211;A Quantify Way To Achieve Both"},"content":{"rendered":"<p>An Analogy to translate the world of data visualization from mechanical engineering.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone \" src=\"http:\/\/dataremixed.com\/wp-content\/uploads\/2012\/05\/form-fit-function.png\" alt=\"\" width=\"325\" height=\"208\" \/><\/p>\n<p>To somehow quantify the &#8220;clarity&#8221; and &#8220;aesthetics&#8221;, we create a Cartesian coordinate system with clarity mapped to the horizontal (x) axis and aesthetics mapped to the vertical (y) axis. Therefore, four quadrants are created:<\/p>\n<ul>\n<li>Northeast-Quadrant I : clear + beautiful;<\/li>\n<li>Southeast-Quadrant II: clear+ ugly;<\/li>\n<li>Southwest-Quadrant III: confusing + ugly;<\/li>\n<li>Northwest-Quadrant\u00a0IV: confusing + beautiful.<\/li>\n<\/ul>\n<p><strong>Tips to achieve both:<\/strong><\/p>\n<ol>\n<li>Avoid confusing your audience with the wrong chart type.<\/li>\n<\/ol>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"http:\/\/dataremixed.com\/wp-content\/uploads\/2012\/06\/Tip1-1024x902.png\" alt=\"\" width=\"382\" height=\"337\" \/>2. Avoid horrifying your audience with poor design elements.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"http:\/\/dataremixed.com\/wp-content\/uploads\/2012\/06\/Tip2-1024x902.png\" alt=\"\" width=\"381\" height=\"336\" \/>3. Incorporate helpful elements to increase both clarity and aesthetics.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\" aligncenter\" src=\"http:\/\/dataremixed.com\/wp-content\/uploads\/2012\/06\/Tip31-1024x902.png\" alt=\"\" width=\"455\" height=\"400\" \/><\/p>\n<p><em>Reference:<\/em>\u00a0<a href=\"http:\/\/dataremixed.com\/2012\/05\/data-visualization-clarity-or-aesthetics\/\">http:\/\/dataremixed.com\/2012\/05\/data-visualization-clarity-or-aesthetics\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>An Analogy to translate the world of data visualization from mechanical engineering. To somehow quantify the &#8220;clarity&#8221; and &#8220;aesthetics&#8221;, we create a Cartesian coordinate system with clarity mapped to the horizontal (x) axis and aesthetics mapped to the vertical (y) axis. Therefore, four quadrants are created: Northeast-Quadrant I : clear + beautiful; Southeast-Quadrant II: clear+ &hellip; <a href=\"https:\/\/blogs.scu.edu\/dataviz\/2017\/01\/28\/clarity-or-aesthetics-a-quantify-way-to-achieve-both\/\" class=\"more-link\">Continue reading <span class=\"screen-reader-text\">Clarity or Aesthetics? &#8211;A Quantify Way To Achieve Both<\/span><\/a><\/p>\n","protected":false},"author":1693,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"qubely_global_settings":"","qubely_interactions":"","kk_blocks_editor_width":"","_kiokenblocks_attr":"","_kiokenblocks_dimensions":"","footnotes":""},"categories":[1],"tags":[],"class_list":["post-472","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"gutentor_comment":0,"qubely_featured_image_url":null,"qubely_author":{"display_name":"mxu1","author_link":"https:\/\/blogs.scu.edu\/dataviz\/author\/mxu1\/"},"qubely_comment":0,"qubely_category":"<a href=\"https:\/\/blogs.scu.edu\/dataviz\/category\/uncategorized\/\" rel=\"category tag\">Uncategorized<\/a>","qubely_excerpt":"An Analogy to translate the world of data visualization from mechanical engineering. To somehow quantify the &#8220;clarity&#8221; and &#8220;aesthetics&#8221;, we create a Cartesian coordinate system with clarity mapped to the horizontal (x) axis and aesthetics mapped to the vertical (y) axis. Therefore, four quadrants are created: Northeast-Quadrant I : clear + beautiful; Southeast-Quadrant II: clear+&hellip;","post_mailing_queue_ids":[],"_links":{"self":[{"href":"https:\/\/blogs.scu.edu\/dataviz\/wp-json\/wp\/v2\/posts\/472","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogs.scu.edu\/dataviz\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogs.scu.edu\/dataviz\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.scu.edu\/dataviz\/wp-json\/wp\/v2\/users\/1693"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.scu.edu\/dataviz\/wp-json\/wp\/v2\/comments?post=472"}],"version-history":[{"count":1,"href":"https:\/\/blogs.scu.edu\/dataviz\/wp-json\/wp\/v2\/posts\/472\/revisions"}],"predecessor-version":[{"id":473,"href":"https:\/\/blogs.scu.edu\/dataviz\/wp-json\/wp\/v2\/posts\/472\/revisions\/473"}],"wp:attachment":[{"href":"https:\/\/blogs.scu.edu\/dataviz\/wp-json\/wp\/v2\/media?parent=472"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.scu.edu\/dataviz\/wp-json\/wp\/v2\/categories?post=472"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.scu.edu\/dataviz\/wp-json\/wp\/v2\/tags?post=472"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}