{"id":213,"date":"2019-01-09T17:33:26","date_gmt":"2019-01-09T17:33:26","guid":{"rendered":"http:\/\/miriamposner.com\/classes\/dh201w22\/?page_id=213"},"modified":"2019-10-23T17:48:42","modified_gmt":"2019-10-23T17:48:42","slug":"dataviz-tools","status":"publish","type":"page","link":"http:\/\/miriamposner.com\/classes\/dh201w22\/tutorials-guides\/data-visualization\/dataviz-tools\/","title":{"rendered":"Dataviz tools"},"content":{"rendered":"\n<p>You\u2019re welcome to use whichever tools you prefer for&nbsp;your data visualizations, but these are the tools with which we have the most experience and recommend:<\/p>\n\n\n\n<p>You can get pretty far with&nbsp;<strong>Excel\u2019s built-in charts and graphs<\/strong>. They often don\u2019t look wonderful, but if they work, they work! <em><a href=\"http:\/\/ucla.worldcat.org\/oclc\/910088667\">Data&nbsp;at&nbsp;Work<\/a><\/em><a href=\"http:\/\/ucla.worldcat.org\/oclc\/910088667\">, by Jo\u0303rge Camoes<\/a>, is a very thorough look at how to use Excel for data visualization.<\/p>\n\n\n\n<p><strong><a href=\"http:\/\/get.tableau.com\/trial\/tableau-software.html?cid=701600000005cS4&amp;ls=Paid%20Search&amp;lsd=Google%20AdWords%20-%20Tableau%20-%20Free%20Trial&amp;adgroup=Tableau%20-%20Exact&amp;kw=tableau&amp;adused=75054289935&amp;distribution=search&amp;gclid=Cj0KEQjw75yxBRD78uqEnuG-5vcBEiQAQbaxSJtqA3asFnYSUn9PFPAkuvKKootDA8qJJrkmmmfMt5saAtki8P8HAQ\">Tableau<\/a>&nbsp;<\/strong>has a lot of advanced features and documentation. If you want to install it on your own laptop, choose&nbsp;<a href=\"https:\/\/public.tableau.com\/s\/\">Tableau Public<\/a>. This tool can be a little overwhelming at first, but the Lynda library has video tutorials; you might start with \u201cUp and Running with Tableau.\u201d<\/p>\n\n\n\n<p>You can make some really cool graphs and charts with\u00a0<strong><a href=\"http:\/\/app.raw.densitydesign.org\/\">RAW<\/a>,<\/strong>\u00a0and it\u2019s easy to embed them on a website. The alluvial diagram is always a big hit!<\/p>\n\n\n\n<p><a href=\"https:\/\/flourish.studio\/\"><strong>Flourish<\/strong><\/a> is a web-based tool for creating visualizations, with some really nice options and chart types. The one element of Flourish that might challenge you is that, unlike Tableau, where you can edit your data as you go, Flourish requires you to have your data pre-arranged in the format that the templates use. If you can do that, though, Flourish is a great option.<\/p>\n\n\n\n<p><strong><a href=\"http:\/\/www.quadrigram.com\/\">Quadrigram<\/a><\/strong>&nbsp;is a drag-and-drop, web-based tool for data visualization that\u2019s pretty easy to use, and it\u2019s pretty easy to embed the charts and graphs in your website.<\/p>\n\n\n\n<p><strong><a href=\"https:\/\/www.datawrapper.de\/\">DataWrapper<\/a>&nbsp;<\/strong>makes great-looking, simple, embeddable data visualizations. Definitely recommended if you\u2019re not trying to do anything super-complicated.<\/p>\n\n\n\n<p>I love&nbsp;<strong><a href=\"http:\/\/hdlab.stanford.edu\/projects\/palladio\/\">Palladio<\/a><\/strong>, but it\u2019s important to understand what it is and what it isn\u2019t. It\u2019s designed for the exploration (not necessarily the presentation) of humanities data. So while you can produce some impressive visualizations, you can\u2019t really embed them. (You can take screenshots, though!) I have a full tutorial <a href=\"https:\/\/github.com\/miriamposner\/palladio_workshop\/blob\/master\/Getting_Started_with_Palladio.md\">here<\/a>.<\/p>\n\n\n\n<p>If you want to compare and contrast many images with each other, you can try&nbsp;<strong><a href=\"http:\/\/lab.softwarestudies.com\/p\/software-for-digital-humanities.html\">ImagePlot<\/a><\/strong>, but just be aware that it\u2019s not super-easy to use and we haven\u2019t tested it in awhile.<\/p>\n\n\n\n<p>If you want to try your hand at some&nbsp;<strong>custom programming<\/strong>, we recommend the JavaScript libraries&nbsp;<a href=\"https:\/\/d3js.org\/\">D3<\/a>&nbsp;and&nbsp;<a href=\"https:\/\/p5js.org\/\">P5<\/a>. They\u2019re not too hard to use! For learning D3,&nbsp;<a href=\"http:\/\/ucla.worldcat.org\/oclc\/1001253513\">this is my favorite book<\/a>. For learning P5,&nbsp;<a href=\"http:\/\/ucla.worldcat.org\/oclc\/928751086\">this is the best resource<\/a>.<\/p>\n\n\n\n<p>Want more tools?&nbsp;<a href=\"http:\/\/dirtdirectory.org\/tadirah\/visualization\">Here\u2019s a huge list.<\/a><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Choosing the right visualizations for your project<\/h3>\n\n\n\n<p>Students (and I, let&#8217;s be honest!) often struggle to figure out which kind of visualization best suits their data and the story they&#8217;re trying to tell. I have a <a href=\"https:\/\/stephanieevergreen.com\/chart-chooser-cards\/\">deck of cards<\/a> you can borrow, which might help a bit, and several guides take on this question: <a href=\"https:\/\/blog.silk.co\/post\/120086012962\/picking-the-right-visualization-for-your-data\">one<\/a>, <a href=\"https:\/\/flourish.studio\/2018\/09\/28\/choosing-the-right-visualisation\/\">two<\/a>, <a href=\"https:\/\/datavizcatalogue.com\/search.html\">three<\/a>.<\/p>\n\n\n\n<p>Realistically, arriving at the appropriate visualization will probably take some trial and error, and likely some frustration, too! It helps to dissect existing visualizations, to try and understand what they&#8217;re good at showing, and to arrive at a solid idea of what you&#8217;re trying to show. It also might help to read about other visualization designers&#8217; process: <a href=\"https:\/\/twitter.com\/_KarenHao\/status\/1185647498418892808\">Karen Hao<\/a>, the <a href=\"https:\/\/www.interaction-design.org\/literature\/article\/how-to-design-an-information-visualization\">Interaction Design Foundation<\/a>, <em><a href=\"https:\/\/pudding.cool\/process\/how-to-make-dope-shit-part-2\/\">The Pudding<\/a><\/em>, <a href=\"https:\/\/youtu.be\/fThhbt23SGM\">Mike Bostock<\/a>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Getting Experimental (or Custom)<\/h3>\n\n\n\n<p>Should your visualization be relatively conventional, or would you like to challenge those conventions? It&#8217;s really up to you. Since this is likely your first DH project, you might like to find your feet by sticking to established graphical forms. Or maybe you want to get experimental right out of the gate!<\/p>\n\n\n\n<p>If you want your data visualization to go beyond the standard chart types included in Tableau or Excel, it can be a little challenging to find tools that let you do that. Here are some suggestions:<\/p>\n\n\n\n<p>At the moment, <a href=\"https:\/\/d3js.org\/\">D3<\/a> is probably the most commonly used programming library among interactive visualization designers. It&#8217;s a JavaScript library, meaning it&#8217;s a set of functions written using the JavaScript programming language. <a href=\"https:\/\/alignedleft.com\/work\/d3-book\">Scott Murray&#8217;s book<\/a> is the best introduction I&#8217;ve found. <\/p>\n\n\n\n<p><a href=\"https:\/\/p5js.org\/\">P5<\/a> is another JavaScript library, this one designed for artists to make interactive, experimental visualizations. It has a close connection to UCLA, since it emerges from Processing, a programming language co-designed by UCLA&#8217;s Casey Reas. Moreover, Lauren McCarthy, who spearheads the development of P5, is also here at UCLA! The P5 people have done a really good job creating tools to help you get started. Try getting started <a href=\"https:\/\/p5js.org\/get-started\/\">here<\/a>.<\/p>\n\n\n\n<p><a href=\"https:\/\/glitch.com\/\">Glitch<\/a> is a platform designed to help people make web-based applications. It&#8217;s based on the idea that you start with existing templates and modify them to suit your needs. You can even <a href=\"https:\/\/medium.com\/glitch\/just-raise-your-hand-how-glitch-helps-aa6564cb1685\">ask for help in real time<\/a>! You could use Glitch to make a visualization, game, or other method of getting your point across.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>You\u2019re welcome to use whichever tools you prefer for&nbsp;your data visualizations, but these are the tools with which we have the most experience and recommend: You can get pretty far&hellip; <a class=\"more-link\" href=\"http:\/\/miriamposner.com\/classes\/dh201w22\/tutorials-guides\/data-visualization\/dataviz-tools\/\">Continue reading <span class=\"screen-reader-text\">Dataviz tools<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":211,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_eb_attr":"","footnotes":""},"class_list":["post-213","page","type-page","status-publish","hentry","entry"],"_links":{"self":[{"href":"http:\/\/miriamposner.com\/classes\/dh201w22\/wp-json\/wp\/v2\/pages\/213","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/miriamposner.com\/classes\/dh201w22\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/miriamposner.com\/classes\/dh201w22\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/miriamposner.com\/classes\/dh201w22\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/miriamposner.com\/classes\/dh201w22\/wp-json\/wp\/v2\/comments?post=213"}],"version-history":[{"count":0,"href":"http:\/\/miriamposner.com\/classes\/dh201w22\/wp-json\/wp\/v2\/pages\/213\/revisions"}],"up":[{"embeddable":true,"href":"http:\/\/miriamposner.com\/classes\/dh201w22\/wp-json\/wp\/v2\/pages\/211"}],"wp:attachment":[{"href":"http:\/\/miriamposner.com\/classes\/dh201w22\/wp-json\/wp\/v2\/media?parent=213"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}