FYS A16 - Displaying Data: From Ancient Maps to Computer Generated Visualization (Fall 2014)

• Syllabus
• Data + Design: A Simple Introduction to Preparing and Visualizing Information
• Peer Tutoring - see writing tutors if you need some help with your writing.
• Writing Faculty - need even more help with writing? Go see one of the writing faculty members!
• OnCourse Web Page
• Who was Clifford Nass? And what does he have to do with anything?
• 2014 FYS Online Survey

Examples/Handouts

• HTML 5 canvas reference.
• HTML 5 canvas tutorial - drawing on a web page.
• Doing graphics and using a form for input.
• Basic graphics in HTML 5.
• Getting multiple data items.
• Getting data.
• First web page with JavaScript.
• First home page.
• Komodo Edit - free Integrated Development Environment (IDE) software.
• HTML 5 tags - reference page for all HTML 5 tags.
• Interactive Data Visualization for the Web - online textbook on D3 by Scott Murray (O'Reilly Publishing).
• D3 - JavaScript libraries for data visualization.
• JavaScript - learn the language through Codecademy.


• Confluence - comparing audience and critic evaluations of movies.
• FilmStrips - interactive visualization of film budgets and earnings.
• skiAreaMap1.jpg - TileMill map of ski areas.
• Piktochart - interactive infographics creation tool.
• New Orleans - then and now - a different kind of visualization
• Examples from The Visual Display of Quantitative Information by Edward Tufte (Graphics Press, 1983)
  • Cholera epidemic - data map/thematic map
  • Purchasing power - modified bar chart
  • Price of oil (v1) - bar chart
  • Price of oil (v2) - line graph
  • Fuel economy standards for Autos - bar chart?
  • Life cycle of Japanese Beetle - time series
  • Train schedules - time series+table
  • NY weather (v1) - time series, small multiples, high data density
  • NY weather (v2) - newer version of above
  • Electroencephalogram - good data-ink ratio graph
  • Consumer Reports Ratings - small multiples in a table+graphic form
  • Worst graph ever? Fine example of chart junk
  • Infographic about infographics - this one is not from Tufte

---

• English Imports and Exports, 1700-1780
• Slave Population in Southern States in 1860
• WWII Deaths - number of deaths per country
  • Example 1
  • Example 2
  • Example 3
  • Example 4
• Morden's Map of Sussex, England (1722)
• Napoleon's March of 1812-13 (1861)
• Baby Name Voyager
• Bromley Mountain Trail Map
• Gapminder
• State of Working America
• Meet the World
• Viz-o-Matic
• Mike Bostock - examples and tutorials for static and interactive infographics. Includes some source code.

Information Visualization at Wheaton

• Visualizing Social Stratification
  • Census 2000 Data
  • Rose Poster
  • Rose Poster (detail)
  • Social Stratification: The Target (prototype 1)
  • Social Stratification: Census Squared (prototype 2)
• Visualizing Top-Ten Actors Over Time
  • Hollywood Stars
  • Ranking Timeline

Lightning Talks, December 3

• Ana Cardenes
• Carly Costello
• Drew Kimball (Handout)
• James McFatter
• Van Nguyen
  • Image 1
  • Image 2
  • Image 3
  • Image 4
• Jared O'Donnell
• Emily Reynolds
• Zahra Rikan
• Dimitri Roumeliotis
• Ann Wan
• Zi Wang
• Forrest Wright-Lapin

Projects

• Project 5 - the last project!!
• Writing Assignment 3
  • Visualization Paper Sample - follow citation examples, except where noted in class.