{"id":3187,"date":"2022-11-07T01:28:47","date_gmt":"2022-11-07T09:28:47","guid":{"rendered":"https:\/\/murrowcourses.com\/graphics\/?p=3187"},"modified":"2022-11-06T21:11:41","modified_gmt":"2022-11-07T05:11:41","slug":"lesson-sports-interactive-pioneers","status":"publish","type":"post","link":"https:\/\/murrowcourses.com\/graphics\/lesson-sports-interactive-pioneers\/","title":{"rendered":"Lesson: Sports Interactive Pioneers"},"content":{"rendered":"<p><span class=\"subhead\">Presentation: Sports Interactives Pioneers<\/span><\/p>\n<p>Data visualization professionals usually get into the field because of a strong personal interest in presenting information that would otherwise be difficult to comprehend. However, there is plenty of debate about how to do this. One area of debate mentioned in this week&#8217;s readings is about the balance between aesthetics and function. Another area of debate is about whether it&#8217;s best to let people explore all the data, or best to guide them to key points.<\/p>\n<p>This debate plays out in this <a href=\"http:\/\/www.sloansportsconference.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Sloan Sports Analytics Conference<\/a>, which features a remarkable group of data visualization innovators. The three panelists are <a href=\"https:\/\/twitter.com\/wattenberg\" rel=\"noopener noreferrer\" target=\"_blank\">Martin Wattenberg<\/a> (Google), <a href=\"https:\/\/twitter.com\/wardnyt\" rel=\"noopener noreferrer\" target=\"_blank\">Joe Ward<\/a> (New York Times) and <a href=\"https:\/\/twitter.com\/ben_fry\" rel=\"noopener noreferrer\" target=\"_blank\">Ben Fry<\/a> (Fathom). <\/p>\n<p>This was recorded in 2013, which was a turning point in web graphics. There were very few templates and tools like there are now; Tableau was just beginning to get a foothold, D3 was in its infancy, and web-based tools like Flourish and Datawrapper didn&#8217;t exist yet. <\/p>\n<p>Watch 20 minutes from 8:20-28:00. You can really just listen to it, and simultaneously view the examples mentioned by the panelists, which are listed below.<\/p>\n<p><iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/jWI9HPAcum4?rel=0&amp;showinfo=0\" frameborder=\"0\" allowfullscreen><\/iframe><\/p>\n<p>Examples from the presentation:<\/p>\n<p>&bull; <a href=\"https:\/\/namerology.com\/baby-name-grapher\/\" target=\"_blank\" rel=\"noopener noreferrer\">Baby Name Voyager<\/a> (2022 new version from original creators)<br \/>\n&bull; <a href=\"http:\/\/www.nytimes.com\/interactive\/2012\/05\/13\/business\/student-debt-at-colleges-and-universities.html\" target=\"_blank\" rel=\"noopener noreferrer\">Student debt (2012)<\/a><br \/>\n&bull; <a href=\"http:\/\/www.nytimes.com\/interactive\/2011\/06\/15\/sports\/baseball\/jeter-3000-hits.html\" target=\"_blank\" rel=\"noopener noreferrer\">Derek Jeter<\/a><br \/>\n&bull; <a href=\"http:\/\/www.nytimes.com\/video\/sports\/1247468158551\/how-mariano-rivera-dominates-hitters.html\" target=\"_blank\" rel=\"noopener noreferrer\">Mariano Rivera<\/a><br \/>\n&bull; <a href=\"http:\/\/hint.fm\/wind\/\" target=\"_blank\" rel=\"noopener noreferrer\">wind map<\/a><\/p>\n<p>(Some of the other examples mentioned are no longer online in an operational way.)<\/p>\n<p><span class=\"subhead\">Readings<\/span><br \/>\n\u2022 <a href=\"https:\/\/nightingaledvs.com\/choosing-fonts-for-your-data-visualization\/\" rel=\"noopener noreferrer\" target=\"_blank\">Choosing a Font for your Data Visualization<\/a><br \/>\n&bull; <a href=\"https:\/\/nightingaledvs.com\/how-to-create-brand-colors-for-data-visualization-style-guidelines\/\" rel=\"noopener\" target=\"_blank\">How to Create Brand Colors for Data Visualization Style Guidelines<\/a><br \/>\n&bull; Optional recommended reading: <a href=\"https:\/\/blog.datawrapper.de\/fonts-for-data-visualization\/\" rel=\"noopener\" target=\"_blank\">Which fonts to use for your charts and tables<\/a><\/p>\n<p>Both of these readings are useful resources! Both review concepts we&#8217;ve discussed before, with helpful visual examples and real-world applications.<\/p>\n<p><span class=\"subhead\">Discussion<\/span><\/p>\n<p>Since we&#8217;ve been talking about interactivity and the rise of mobile, it&#8217;s a good opportunity to revisit the two visualizations you chose for the Midterm Comparison Project.<\/p>\n<p><strong>Mobile-Friendly?:<\/strong> View the two visualizations you previously selected for the Midterm Comparison Project on your smartphone or another mobile device, like a tablet. Then answer these questions:<\/p>\n<ul>\n<li>How does the mobile experience for each example compare to the desktop experience overall?<\/li>\n<li>Does it seem like the designers put any extra work or thought into the mobile experience?<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Data visualization professionals usually get into the field because of a strong personal interest in presenting information that would otherwise be difficult to comprehend. However, there is plenty of debate about how to do this even among people with similar interests.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[13],"tags":[],"class_list":["post-3187","post","type-post","status-publish","format-standard","hentry","category-lessons"],"_links":{"self":[{"href":"https:\/\/murrowcourses.com\/graphics\/wp-json\/wp\/v2\/posts\/3187","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/murrowcourses.com\/graphics\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/murrowcourses.com\/graphics\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/murrowcourses.com\/graphics\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/murrowcourses.com\/graphics\/wp-json\/wp\/v2\/comments?post=3187"}],"version-history":[{"count":3,"href":"https:\/\/murrowcourses.com\/graphics\/wp-json\/wp\/v2\/posts\/3187\/revisions"}],"predecessor-version":[{"id":3330,"href":"https:\/\/murrowcourses.com\/graphics\/wp-json\/wp\/v2\/posts\/3187\/revisions\/3330"}],"wp:attachment":[{"href":"https:\/\/murrowcourses.com\/graphics\/wp-json\/wp\/v2\/media?parent=3187"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/murrowcourses.com\/graphics\/wp-json\/wp\/v2\/categories?post=3187"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/murrowcourses.com\/graphics\/wp-json\/wp\/v2\/tags?post=3187"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}