{"id":939,"date":"2013-07-30T08:08:15","date_gmt":"2013-07-30T12:08:15","guid":{"rendered":"https:\/\/blogs.nature.com\/methagora\/?p=939"},"modified":"2016-03-11T09:02:45","modified_gmt":"2016-03-11T14:02:45","slug":"data-visualization-points-of-view","status":"publish","type":"post","link":"https:\/\/blogs.nature.com\/methagora\/2013\/07\/data-visualization-points-of-view.html","title":{"rendered":"Data visualization: A view of every Points of View column"},"content":{"rendered":"<p><strong>We&#8217;ve organized all the Points of View columns on data visualization published in <em>Nature Methods<\/em> and provide this as a guide to accessing this trove of practical advice on visualizing scientific data.<\/strong><\/p>\n<p>As of July 30, 2013 <em>Nature Methods<\/em> has published 35 Points of View columns written by Bang Wong, Martin Krzywinski and their co-authors: Nils Gehlenborg, Cydney Nielsen, Noam Shoresh, Rikke Schmidt Kj\u00e6rgaard, Erica Savig and Alberto Cairo. As we prepare to launch a new column in our September issue we felt this would be a good time to collect and organize links to all the Points of View articles together in one place to make it easier to navigate this wonderful resource that the authors have provided us. For the month of August we will be making all the columns free to access so everyone can benefit from this practical advice on data visualization.<\/p>\n<p>This should not be the end of the Points of View column though. We will be inviting new visualization experts to author articles on new topics that have not been covered so far or which can be expanded on. This page will be continuously updated whenever a new article is published so stay tuned. If you have a suggestion for a topic you would like to see covered in a future points of view article please comment below.<\/p>\n<p><strong>Update of March 28, 2015: <\/strong>A PDF eBook of the 38 Points of View articles published between August 2010 and February 2015 is now available at the <a href=\"https:\/\/www.nature.com\/news\/natureshop\">Nature Shop<\/a> for $7.99 under the title &#8220;Visual strategies for biological data: the collected Points of View&#8221;. The article summaries below provide a nice overview of what is contained in that eBook collection.<\/p>\n<p align=\"center\">. . . . . . . .<\/p>\n<p><strong>Introduction<\/strong><br \/>\n<a href=\"https:\/\/www.nature.com\/nmeth\/journal\/v9\/n12\/full\/nmeth.2258.html\"><strong>Visualizing biological data<\/strong><\/a> \u2013 December 2012<br \/>\nData visualization is increasingly important, but it requires clear objectives and improved implementation<br \/>\n<a href=\"https:\/\/www.nature.com\/nmeth\/journal\/v8\/n5\/full\/nmeth0511-365.html\"><strong>The overview figure<\/strong><\/a> \u2013 May 2011<br \/>\nAn economic overview figure to convey general concepts helps readers understand a research study<\/p>\n<p align=\"center\">. . . . . . . .<\/p>\n<p><strong>Composition and layout<\/strong><br \/>\n<a href=\"https:\/\/www.nature.com\/nmeth\/journal\/v8\/n12\/full\/nmeth.1783.html\"><strong>The design process<\/strong><\/a> \u2013 December 2011<br \/>\nUse good design to balance self-expression with the need to satisfy an audience in a logical manner<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-950 wpn-image\" title=\"Figure 2 from Layout by Bang Wong\" src=\"https:\/\/blogs.nature.com\/methagora\/files\/2013\/07\/data_visualization_1-e1374873865726.jpg\" alt=\"Figure design and layout\" width=\"285\" height=\"187\" \/><a href=\"https:\/\/www.nature.com\/nmeth\/journal\/v8\/n10\/full\/nmeth.1711.html\"><strong>Layout<\/strong><\/a> \u2013 October 2011<br \/>\nProper layout reveals the hierarchical relationship of informational elements<br \/>\n<a href=\"https:\/\/www.nature.com\/nmeth\/journal\/v7\/n11\/full\/nmeth1110-863.html\"><strong>Gestalt principles (Part 1)<\/strong><\/a> \u2013 November 2010<br \/>\n<a href=\"https:\/\/www.nature.com\/nmeth\/journal\/v7\/n12\/full\/nmeth1210-941.html\"><strong>Gestalt principles (Part 2)<\/strong><\/a> \u2013 December 2010<br \/>\nExploit perceptual phenomena to meaningfully arrange elements on the page<br \/>\n<a href=\"https:\/\/www.nature.com\/nmeth\/journal\/v8\/n1\/full\/nmeth0111-5.html\"><strong>Negative space<\/strong><\/a> \u2013 January 2011<br \/>\nWhitespace is a powerful way of improving visual appeal and emphasizing content<br \/>\n<a href=\"https:\/\/www.nature.com\/nmeth\/journal\/v8\/n11\/full\/nmeth.1762.html\"><strong>Salience to relevance<\/strong><\/a> \u2013 November 2011<br \/>\nEnsure that viewers notice the right content by making relevant information most noticeable<br \/>\n<a href=\"https:\/\/www.nature.com\/nmeth\/journal\/v10\/n5\/full\/nmeth.2444.html\"><strong>Elements of visual style<\/strong><\/a> \u2013 May 2013<br \/>\nTranslate the principles of effective writing to the process of figure design<br \/>\n<a href=\"https:\/\/www.nature.com\/nmeth\/journal\/v10\/n8\/full\/nmeth.2571.html\"><strong>Storytelling<\/strong><\/a> \u2013 August 2013<br \/>\nRelate your data to the world around them using the age-old custom of telling a story<\/p>\n<p align=\"center\">. . . . . . . .<\/p>\n<p><strong>Using color<\/strong><img loading=\"lazy\" decoding=\"async\" class=\"alignright size-medium wp-image-951 wpn-image\" title=\"Figure 2 from Color coding by Bang Wong\" src=\"https:\/\/blogs.nature.com\/methagora\/files\/2013\/07\/data_visualization_2-e1374871775428-223x300.jpg\" alt=\"Using color in data visualizations\" width=\"223\" height=\"300\" srcset=\"https:\/\/blogs.nature.com\/methagora\/files\/2013\/07\/data_visualization_2-e1374871775428-223x300.jpg 223w, https:\/\/blogs.nature.com\/methagora\/files\/2013\/07\/data_visualization_2-e1374871775428.jpg 456w\" sizes=\"auto, (max-width: 223px) 100vw, 223px\" \/><br \/>\n<a href=\"https:\/\/www.nature.com\/nmeth\/journal\/v7\/n8\/full\/nmeth0810-573.html\"><strong>Color coding<\/strong><\/a> \u2013 August 2010<br \/>\nChoose colors appropriately to avoid bias and unwanted artifacts in visuals<br \/>\n<a href=\"https:\/\/www.nature.com\/nmeth\/journal\/v8\/n6\/full\/nmeth.1618.html\"><strong>Color blindness<\/strong><\/a> \u2013 June 2011<br \/>\nMake your graphics accessible to those with color vision deficiencies<br \/>\n<a href=\"https:\/\/www.nature.com\/nmeth\/journal\/v8\/n7\/full\/nmeth.1642.html\"><strong>Avoiding color<\/strong><\/a> \u2013 July 2011<br \/>\nImprove the overall clarity and utility of data displays by using alternatives to color<br \/>\n<a href=\"https:\/\/www.nature.com\/nmeth\/journal\/v9\/n8\/full\/nmeth.2134.html\"><strong>Mapping quantitative data to color<\/strong><\/a> \u2013 August 2012<br \/>\nColor is useful for compact visualizations of large data sets but must highlight salient features<br \/>\n<a href=\"https:\/\/www.nature.com\/nmeth\/journal\/v9\/n3\/full\/nmeth.1902.html\"><strong>Heat maps<\/strong><\/a> \u2013 March 2012<br \/>\nColor, clustering and parallel coordinate plots are essential for using heatmaps effectively<\/p>\n<p align=\"center\">. . . . . . . .<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-medium wp-image-952 wpn-image\" title=\"A collection of figure elements\" src=\"https:\/\/blogs.nature.com\/methagora\/files\/2013\/07\/data_visualization_3-e1374872663550-174x300.jpg\" alt=\"Elements of a data figure\" width=\"174\" height=\"300\" srcset=\"https:\/\/blogs.nature.com\/methagora\/files\/2013\/07\/data_visualization_3-e1374872663550-174x300.jpg 174w, https:\/\/blogs.nature.com\/methagora\/files\/2013\/07\/data_visualization_3-e1374872663550.jpg 522w\" sizes=\"auto, (max-width: 174px) 100vw, 174px\" \/><strong>Elements of a figure<\/strong><br \/>\n<a href=\"https:\/\/www.nature.com\/nmeth\/journal\/v8\/n4\/full\/nmeth0411-277.html\"><strong>Typography<\/strong><\/a> \u2013 April 2011<br \/>\nChoose typefaces, sizes and spacing to clarify the structure and meaning of the text<br \/>\n<a href=\"https:\/\/www.nature.com\/nmeth\/journal\/v10\/n3\/full\/nmeth.2337.html\"><strong>Axes, ticks and grids<\/strong><\/a> \u2013 March 2013<br \/>\nMake navigational elements distinct and unobtrusive to maintain visual priority of data<br \/>\n<a href=\"https:\/\/www.nature.com\/nmeth\/journal\/v10\/n4\/full\/nmeth.2405.html\"><strong>Labels and callouts<\/strong><\/a> \u2013 April 2013<br \/>\nFigure labels require the same consistency and alignment in their layout as text<br \/>\n<a href=\"https:\/\/www.nature.com\/nmeth\/journal\/v10\/n6\/full\/nmeth.2490.html\"><strong>Plotting symbols<\/strong><\/a> \u2013 June 2013<br \/>\nChoose distinct symbols that overlap without ambiguity and communicate relationships in data<br \/>\n<a href=\"https:\/\/www.nature.com\/nmeth\/journal\/v8\/n9\/full\/nmeth.1676.html\"><strong>Arrows<\/strong><\/a> \u2013 September 2011<br \/>\nUse well-proportioned arrows sparingly and consistently as a guide through complex information<\/p>\n<p align=\"center\">. . . . . . . .<\/p>\n<p><strong>Plot types<\/strong><br \/>\n<a href=\"https:\/\/www.nature.com\/nmeth\/journal\/v11\/n2\/full\/nmeth.2807.html\"><strong>Bar charts and box plots<\/strong><\/a> \u2013 February 2014<br \/>\nChoose the appropriate plot according to the nature of the data and the task at hand<br \/>\n<a href=\"https:\/\/www.nature.com\/nmeth\/journal\/v11\/n8\/full\/nmeth.3033.html\"><strong>Sets and intersections<\/strong><\/a> \u2013 July 2014<br \/>\nEuler and Venn diagrams are appropriate for up to three sets but for greater numbers use more scalable plots<br \/>\n<a href=\"https:\/\/www.nature.com\/nmeth\/journal\/v9\/n3\/full\/nmeth.1902.html\"><strong>Heat maps<\/strong><\/a> \u2013 March 2012<br \/>\nColor, clustering and parallel coordinate plots are essential for using heatmaps effectively<br \/>\n<a href=\"https:\/\/www.nature.com\/nmeth\/journal\/v12\/n2\/full\/nmeth.3262.html\"><strong>Temporal data<\/strong><\/a> \u2013 Feb 2015<br \/>\nUse inherent properties of time to create effective visualizations<br \/>\n<a href=\"https:\/\/www.nature.com\/nmeth\/journal\/v12\/n7\/full\/nmeth.3451.html\"><strong>Unentangling complex plots<\/strong><\/a> \u2013 July 2015<br \/>\nCarefully designed subplots scaled to the data are often superior to a single complex overview plot<br \/>\n<a href=\"https:\/\/www.nature.com\/nmeth\/journal\/v13\/n1\/full\/nmeth.3699.html\"><strong>Pathways<\/strong><\/a> \u2013 January 2016<br \/>\nApply visual grouping principles to add clarity to information flow in pathway diagrams<br \/>\n<a href=\"https:\/\/www.nature.com\/nmeth\/journal\/v13\/n3\/full\/nmeth.3777.html\"><strong>Neural circuit diagrams<\/strong><\/a> \u2013 March 2016<br \/>\nUse alignment and consistency to untangle complex neural circuit diagrams<\/p>\n<p align=\"center\">. . . . . . . .<\/p>\n<p><strong>Improving figure clarity<\/strong><img loading=\"lazy\" decoding=\"async\" class=\"alignright size-full wp-image-1023 wpn-image\" title=\"Figure 2 from Salience by Bang Wong\" src=\"https:\/\/blogs.nature.com\/methagora\/files\/2013\/07\/data_visualization_4-e1375188669136.jpg\" alt=\"Improving figure clarity\" width=\"218\" height=\"280\" \/><br \/>\n<a href=\"https:\/\/www.nature.com\/nmeth\/journal\/v8\/n8\/full\/nmeth.1660.html\"><strong>Simplify to clarify<\/strong><\/a> \u2013 August 2011<br \/>\nSimplify your presentation to improve clarity<br \/>\n<a href=\"https:\/\/www.nature.com\/nmeth\/journal\/v7\/n9\/full\/nmeth0910-665.html\"><strong>Design of data figures<\/strong><\/a> \u2013 September 2010<br \/>\nImprove figure decoding by using strong visual cues to encode data<br \/>\n<a href=\"https:\/\/www.nature.com\/nmeth\/journal\/v7\/n10\/full\/nmeth1010-773.html\"><strong>Salience<\/strong><\/a> \u2013 October 2010<br \/>\nUse salience to differentiate graphical symbols and speed up figure reading<br \/>\n<a href=\"https:\/\/www.nature.com\/nmeth\/journal\/v8\/n2\/full\/nmeth0211-101.html\"><strong>Points of review (Part 1)<\/strong><\/a> \u2013 February 2011<br \/>\nExamples of figure redesigns<br \/>\n<a href=\"https:\/\/www.nature.com\/nmeth\/journal\/v8\/n3\/full\/nmeth0311-189.html\"><strong>Points of review (Part 2)<\/strong><\/a> \u2013 March 2011<br \/>\nSimple tips to improve pie chart, scatter plot and color scale data displays<\/p>\n<p align=\"center\">. . . . . . . .<\/p>\n<p><strong>Multidimensional data<\/strong><br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignright size-medium wp-image-954 wpn-image\" title=\"Figure 2 from Multidimensional data by Martin Krzywinski and Erica Savig\" src=\"https:\/\/blogs.nature.com\/methagora\/files\/2013\/07\/data_visualization_5-300x121.jpg\" alt=\"Visualizing multidimensional data\" width=\"300\" height=\"121\" srcset=\"https:\/\/blogs.nature.com\/methagora\/files\/2013\/07\/data_visualization_5-300x121.jpg 300w, https:\/\/blogs.nature.com\/methagora\/files\/2013\/07\/data_visualization_5.jpg 586w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><a href=\"https:\/\/www.nature.com\/nmeth\/journal\/v9\/n9\/full\/nmeth.2151.html\"><strong>Into the third dimension<\/strong><\/a> \u2013 September 2012<br \/>\n3D visualizations are effective for spatial data but rarely for other data types<br \/>\n<a href=\"https:\/\/www.nature.com\/nmeth\/journal\/v9\/n10\/full\/nmeth.2186.html\"><strong>Power of the plane<\/strong><\/a> \u2013 October 2012<br \/>\nCombine 2D plots for effective visualization of multivariate data<br \/>\n<a href=\"https:\/\/www.nature.com\/nmeth\/journal\/v10\/n7\/full\/nmeth.2531.html\"><strong>Multidimensional data<\/strong><\/a> \u2013 July 2013<br \/>\nVisually organize complex data by mapping them onto familiar representations of biological systems<\/p>\n<p align=\"center\">. . . . . . . .<\/p>\n<p><strong>Data exploration<\/strong><br \/>\n<a href=\"https:\/\/www.nature.com\/nmeth\/journal\/v9\/n11\/full\/nmeth.2223.html\"><strong>Pencil and paper<\/strong><\/a> \u2013 November 2012<br \/>\nQuick sketches and doodles of data or models aids thinking and the scientific process<img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-955 wpn-image\" title=\"Fig 2 from Managing deep data in genome browsers by Cydney Nielsen and Bang Wong\" src=\"https:\/\/blogs.nature.com\/methagora\/files\/2013\/07\/data_visualization_6-e1375181427373.jpg\" alt=\"Visualization for data exploration\" width=\"249\" height=\"392\" \/><br \/>\n<a href=\"https:\/\/www.nature.com\/nmeth\/journal\/v9\/n1\/full\/nmeth.1829.html\"><strong>Data exploration<\/strong><\/a> \u2013 January 2012<br \/>\nCreate \u2018slices\u2019 of data to enhance the process of pattern discovery<br \/>\n<a href=\"https:\/\/www.nature.com\/nmeth\/journal\/v9\/n2\/full\/nmeth.1862.html\"><strong>Networks<\/strong><\/a> \u2013 February 2012<br \/>\nChoose your network visualization based on the patterns you are looking for<br \/>\n<a href=\"https:\/\/www.nature.com\/nmeth\/journal\/v9\/n3\/full\/nmeth.1902.html\"><strong>Heat maps<\/strong><\/a> \u2013 March 2012<br \/>\nColor, clustering and parallel coordinate plots are essential for using heatmaps effectively<br \/>\n<a href=\"https:\/\/www.nature.com\/nmeth\/journal\/v9\/n4\/full\/nmeth.1944.html\"><strong>Integrating data<\/strong><\/a> \u2013 April 2012<br \/>\nCombine visualizations of multiple data types to find correlations and potential relationships<br \/>\n<a href=\"https:\/\/www.nature.com\/nmeth\/journal\/v9\/n5\/full\/nmeth.1992.html\"><strong>Representing the genome<\/strong><\/a> \u2013 May 2012<br \/>\nLimit what is displayed based on the question being asked<br \/>\n<a href=\"https:\/\/www.nature.com\/nmeth\/journal\/v9\/n6\/full\/nmeth.2049.html\"><strong>Managing deep data in genome browsers<\/strong><\/a> \u2013 June 2012<br \/>\nCompaction and summarization help find patterns in overwhelming data<br \/>\n<a href=\"https:\/\/www.nature.com\/nmeth\/journal\/v9\/n7\/full\/nmeth.2018.html\"><strong>Representing genomic structural variation<\/strong><\/a> \u2013 July 2012<br \/>\nUse arcs, color, dot plots and node graphs to show relations between distant genomic positions<\/p>\n<p align=\"center\">. . . . . . . .<\/p>\n","protected":false},"excerpt":{"rendered":"<p>We have organized all the Points of View columns on data visualization published in Nature Methods and provide this as a guide to accessing this trove of practical advice on visualizing scientific data.&nbsp; <a href=\"https:\/\/blogs.nature.com\/methagora\/2013\/07\/data-visualization-points-of-view.html#more-939\" class=\"more-link\">Read more<\/a> <a href=\"https:\/\/blogs.nature.com\/methagora\/2013\/07\/data-visualization-points-of-view.html\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":257,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[101,121],"tags":[72,122,103,95],"class_list":["post-939","post","type-post","status-publish","format-standard","hentry","category-featured","category-visualization-2","tag-data","tag-data-visualization","tag-points-of-view","tag-visualization"],"_links":{"self":[{"href":"https:\/\/blogs.nature.com\/methagora\/wp-json\/wp\/v2\/posts\/939","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogs.nature.com\/methagora\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogs.nature.com\/methagora\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.nature.com\/methagora\/wp-json\/wp\/v2\/users\/257"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.nature.com\/methagora\/wp-json\/wp\/v2\/comments?post=939"}],"version-history":[{"count":0,"href":"https:\/\/blogs.nature.com\/methagora\/wp-json\/wp\/v2\/posts\/939\/revisions"}],"wp:attachment":[{"href":"https:\/\/blogs.nature.com\/methagora\/wp-json\/wp\/v2\/media?parent=939"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.nature.com\/methagora\/wp-json\/wp\/v2\/categories?post=939"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.nature.com\/methagora\/wp-json\/wp\/v2\/tags?post=939"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}