{"id":394,"date":"2017-01-31T22:49:10","date_gmt":"2017-01-31T22:49:10","guid":{"rendered":"http:\/\/writeprofessionally.org\/info-design-2017\/?p=394"},"modified":"2017-02-16T01:46:39","modified_gmt":"2017-02-16T01:46:39","slug":"first-data-visualizations","status":"publish","type":"post","link":"https:\/\/writeprofessionally.org\/info-design-2017\/2017\/01\/31\/first-data-visualizations\/","title":{"rendered":"First Data Visualizations"},"content":{"rendered":"<div class=\"pdfprnt-buttons pdfprnt-buttons-post pdfprnt-top-right\"><a href=\"https:\/\/writeprofessionally.org\/info-design-2017\/wp-json\/wp\/v2\/posts\/394?print=pdf\" class=\"pdfprnt-button pdfprnt-button-pdf\" target=\"_blank\" ><img decoding=\"async\" src=\"http:\/\/writeprofessionally.org\/info-design-2017\/wp-content\/plugins\/pdf-print\/images\/pdf.png\" alt=\"image_pdf\" title=\"View PDF\" \/><\/a><a href=\"https:\/\/writeprofessionally.org\/info-design-2017\/wp-json\/wp\/v2\/posts\/394?print=print\" class=\"pdfprnt-button pdfprnt-button-print\" target=\"_blank\" ><img decoding=\"async\" src=\"http:\/\/writeprofessionally.org\/info-design-2017\/wp-content\/plugins\/pdf-print\/images\/print.png\" alt=\"image_print\" title=\"Print Content\" \/><\/a><\/div><p>On the first day of class, I sent you out to gather some data. After we had crafted some <a href=\"http:\/\/writeprofessionally.org\/info-design-2017\/definitions\/\">definitions<\/a>, I figured you were ready to get some data and then try your hand at visualizing some things.<\/p>\n<p>Following are some of your first attempts.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-464 size-large\" src=\"http:\/\/writeprofessionally.org\/info-design-2017\/files\/2017\/01\/IMG_0607-768x1024.jpg\" width=\"525\" height=\"700\" srcset=\"https:\/\/writeprofessionally.org\/info-design-2017\/files\/2017\/01\/IMG_0607-768x1024.jpg 768w, https:\/\/writeprofessionally.org\/info-design-2017\/files\/2017\/01\/IMG_0607-225x300.jpg 225w\" sizes=\"auto, (max-width: 525px) 100vw, 525px\" \/><\/p>\n<p>While this may have been one of the simplest data sets, it was inventive in the way it was displayed. It&#8217;s counting the steps between the floors in the building where we meet for class. But that simply data was then displayed in a way that helped to convey the scale and the feel of actual steps. It&#8217;s a clever and innovative take!<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-467 size-large\" src=\"http:\/\/writeprofessionally.org\/info-design-2017\/files\/2017\/01\/IMG_0617-e1487208800558-1024x768.jpg\" width=\"525\" height=\"394\" srcset=\"https:\/\/writeprofessionally.org\/info-design-2017\/files\/2017\/01\/IMG_0617-e1487208800558-1024x768.jpg 1024w, https:\/\/writeprofessionally.org\/info-design-2017\/files\/2017\/01\/IMG_0617-e1487208800558-300x225.jpg 300w, https:\/\/writeprofessionally.org\/info-design-2017\/files\/2017\/01\/IMG_0617-e1487208800558-768x576.jpg 768w\" sizes=\"auto, (max-width: 525px) 100vw, 525px\" \/><\/p>\n<p>This was an interesting display of tracking the time it took to collect the data. In a display of meta-data, the students used the time frame I gave them as the framework for collecting their data, which was how far they could go and get back in the time allotted. The timeline was a good choice for display, and I was impressed with the specifics of the data and the attempt at making it to scale.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-469\" src=\"http:\/\/writeprofessionally.org\/info-design-2017\/files\/2017\/01\/IMG_0619-e1487208846904-225x300.jpg\" alt=\"\" width=\"225\" height=\"300\" srcset=\"https:\/\/writeprofessionally.org\/info-design-2017\/files\/2017\/01\/IMG_0619-e1487208846904-225x300.jpg 225w, https:\/\/writeprofessionally.org\/info-design-2017\/files\/2017\/01\/IMG_0619-e1487208846904-768x1024.jpg 768w\" sizes=\"auto, (max-width: 225px) 100vw, 225px\" \/> <img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-470\" src=\"http:\/\/writeprofessionally.org\/info-design-2017\/files\/2017\/01\/IMG_0620-e1487208870319-225x300.jpg\" alt=\"\" width=\"225\" height=\"300\" srcset=\"https:\/\/writeprofessionally.org\/info-design-2017\/files\/2017\/01\/IMG_0620-e1487208870319-225x300.jpg 225w, https:\/\/writeprofessionally.org\/info-design-2017\/files\/2017\/01\/IMG_0620-e1487208870319-768x1024.jpg 768w\" sizes=\"auto, (max-width: 225px) 100vw, 225px\" \/><\/p>\n<p>What I loved about this look at the number of lockers being used in our building is that it was designed to be interactive. The image on the left is the original view and then on the right, the yellow tab flips over to reveal the percentage of lockers. So not only was it interactive, there was a small bit of analysis going on and attention to how to effectively design the information!<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-471 size-large\" src=\"http:\/\/writeprofessionally.org\/info-design-2017\/files\/2017\/01\/IMG_0623-e1487208890443-1024x768.jpg\" width=\"525\" height=\"394\" srcset=\"https:\/\/writeprofessionally.org\/info-design-2017\/files\/2017\/01\/IMG_0623-e1487208890443-1024x768.jpg 1024w, https:\/\/writeprofessionally.org\/info-design-2017\/files\/2017\/01\/IMG_0623-e1487208890443-300x225.jpg 300w, https:\/\/writeprofessionally.org\/info-design-2017\/files\/2017\/01\/IMG_0623-e1487208890443-768x576.jpg 768w\" sizes=\"auto, (max-width: 525px) 100vw, 525px\" \/><\/p>\n<p>I needed to have more supplies this night and completely forgot to go to the store. (Problems resolved by <a href=\"http:\/\/writeprofessionally.org\/info-design-2017\/2017\/02\/16\/prototypes\/\">prototyping <\/a>night!) So once you forgive the issues with keeping things affixed to the page, this was a great first exercise because of the types of data visualizations it used. This was an analysis of different types of flyers on the bulletins boards in the building. The bar charts are comparing university generated (on the left) to student generated (on the right), and further, data is included on the departments. The pie chart is then trying to take all the information and display it. Now, there are some things we could nitpick, but this was an excellent first attempt that really took the readings and the class discussion to heart.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-468 size-large\" src=\"http:\/\/writeprofessionally.org\/info-design-2017\/files\/2017\/01\/IMG_0618-e1487208823687-1024x768.jpg\" width=\"525\" height=\"394\" srcset=\"https:\/\/writeprofessionally.org\/info-design-2017\/files\/2017\/01\/IMG_0618-e1487208823687-1024x768.jpg 1024w, https:\/\/writeprofessionally.org\/info-design-2017\/files\/2017\/01\/IMG_0618-e1487208823687-300x225.jpg 300w, https:\/\/writeprofessionally.org\/info-design-2017\/files\/2017\/01\/IMG_0618-e1487208823687-768x576.jpg 768w\" sizes=\"auto, (max-width: 525px) 100vw, 525px\" \/><\/p>\n<p>My photography skills makes this hard to understand and appreciate, but this had to be the most complex information design of the night. As the title indicates, &#8220;Cigarette butts around Mcmicken Perimeter: A &#8220;smoke Free&#8221; Campus,&#8221; this product is meant to make an overall argument about the campus&#8217; smoke free policy. It depicts where cigarette butts have been found. The color coding was a nice touch!!<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>On the first day of class, I sent you out to gather some data. After we had crafted some definitions, I figured you were ready to get some data and then try your hand at visualizing some things. Following are some of your first attempts. While this may have been one of the simplest data &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/writeprofessionally.org\/info-design-2017\/2017\/01\/31\/first-data-visualizations\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;First Data Visualizations&#8221;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-394","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/writeprofessionally.org\/info-design-2017\/wp-json\/wp\/v2\/posts\/394","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/writeprofessionally.org\/info-design-2017\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/writeprofessionally.org\/info-design-2017\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/writeprofessionally.org\/info-design-2017\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/writeprofessionally.org\/info-design-2017\/wp-json\/wp\/v2\/comments?post=394"}],"version-history":[{"count":3,"href":"https:\/\/writeprofessionally.org\/info-design-2017\/wp-json\/wp\/v2\/posts\/394\/revisions"}],"predecessor-version":[{"id":472,"href":"https:\/\/writeprofessionally.org\/info-design-2017\/wp-json\/wp\/v2\/posts\/394\/revisions\/472"}],"wp:attachment":[{"href":"https:\/\/writeprofessionally.org\/info-design-2017\/wp-json\/wp\/v2\/media?parent=394"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/writeprofessionally.org\/info-design-2017\/wp-json\/wp\/v2\/categories?post=394"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/writeprofessionally.org\/info-design-2017\/wp-json\/wp\/v2\/tags?post=394"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}