Comp 401 - Senior Seminar (Spring 2016)

• Syllabus
• ACM's Code of Ethics
• Computing careers - information from the ACM.
• Computing jobs statistics from the Bureau of Labor Statistics.
• Computer science students are in demand - one of many such articles.
• More about software engineering licensing from the IEEE.
• Information Visualization: Perception for Design by Colin Ware.

Project Resources

• Komodo Edit - free web page editor.
• HTML5 tags - reference page for all HTML5 tags.
• HTML5 Tutorial
• HTML5 canvas reference.
• HTML5 canvas tutorial - drawing on a web page.
• JavaScript
• JavaScript Tutorial
• JavaScript through Codecademy.
• D3.js - JavaScript libraries for data visualization.
• Interactive Data Visualization for the Web - online textbook on D3 by Scott Murray (O'Reilly Publishing).
• D3 Tutorial (from Scott Murray)
• Web Style Guide
• DFS sample 1: The Wheaton TechnoLegacy
• DFS sample 2: Mountain Climber

Career Preparation

• copyconst.cpp
• virtual.cpp
• hlist.cpp
• spincube.html. And here's the Java applet code.
• Place setting

Projects/Homeworks

• Research papers to read for 3/29
  • Continuous Parallel Coordinates (2009)
  • PhC: Multiresolution Visualization and Exploration of Text Corpora with Parallel Hierarchical Coordinates (2012)
  • Interactive Data Mining with 3D-Parallel-Coordinate-Trees (2013)
  • Augmenting Grid-Based Contours to Improve Thin-Plate DEM Generation (2005)
• Semester Project Data/Info
  • IP addresses for all of the on-campus electrical meters (xlsx file).
  • IP addresses and URLs for all of the eGauges:
    • 155.47.32.50 egauge-master.wheatoncollege.edu
    • 155.47.129.252 egauge-chapin.wheatoncollege.edu
    • 155.47.130.7 egauge-metcalf.wheatoncollege.edu
    • 155.47.130.8 egauge-kilham.wheatoncollege.edu
    • 155.47.135.252 egauge-gebbie-keefe.wheatoncollege.edu
    • 155.47.140.39 egauge-beard.wheatoncollege.edu
    • 155.47.141.252 egauge-larcom.wheatoncollege.edu
    • 155.47.142.49 egauge-everett-heights.wheatoncollege.edu
    • 155.47.144.252 egauge-emerson-dorm.wheatoncollege.edu
    • 155.47.146.252 egauge-stanton-cragin-everett.wheatoncollege.edu
    • 155.47.148.252 egauge-clark-mcintire-young.wheatoncollege.edu
    • 155.47.149.29 egauge-meadows-ew-1st-floor.wheatoncollege.edu
    • 155.47.149.30 egauge-meadows-ew-2nd-floor.wheatoncollege.edu
    • 155.47.150.29 egauge-meadows-ew-3rd-floor.wheatoncollege.edu
    • 155.47.150.30 egauge-meadows-ew-4th-floor.wheatoncollege.edu
    • 155.47.151.251 egauge-meadows-north-1st-floor.wheatoncollege.edu
    • 155.47.151.252 egauge-meadows-north-2nd-floor.wheatoncollege.edu
    • 155.47.151.253 egauge-meadows-north-3rd-floor.wheatoncollege.edu
    • 155.47.151.254 egauge-meadows-north-4th-floor.wheatoncollege.edu
  • Residence hall capacity counts - number of beds in each residence hall (xlsx file).
  • eGauge API Documentation
• Vis 2; data file: sportsData1.xml
• Vis 1

Examples from Tufte

• Anscombe's Quartet
• Graphs for Anscombe's Quartet
• Data/thematic maps: John Snow's map
• Time series: NOAA Climate
• Time series: NY weather
• Small multiples: LA pollution
• Small multiples: Unemployment rate
• Graphical integrity: Mining income
• Graphical integrity: Price of oil
• Graphical integrity: Context
• Graphical redesign: Storm animation
• Chartjunk: Moire vibration
• Chartjunk: Worst graphic ever published

Hands-on Starting Code/Samples

• CSS1_bare.html
• CSS2.html - font/text examples
• CSS3.html - box (div) examples
• Code & Circuit
  • My solution
  • Logo
  • Banner
  • founderKen
• Input form
• Getting multiple data items.
• Basic graphics in HTML5.
• Doing graphics and using a form for input.
• Basic animation using images.
• Basic animation game.
• Illusion and interaction.
• XML examples
  • compGrades.xml
  • cd_catalog.xml
  • readXML.html

Handouts/In-Class Examples

• Introduction to Visualization - PowerPoint (gack!) presentation.
• Minard's infographic of Napoleon's march to Russia, 1869. This is sometimes called the Best Infographic of All Time.
• Map of Sussex, England - Robert Morden in 1722 edition of Britannia.
• Social Stratification - Stephen Rose's (static) poster depicting income levels using US census data. To make sense of this, you need the poster legend.
• Visualizing Crowds at a Web Site - animation of network traffic.
• Suite of data structure visualizations - collection in a Java jar file.
• Interactive Data Structure Visualization - various binary tree visualizations, among others. Compare to visualizations above.
• The Baby Name Wizard's NameVoyager - how popular is YOUR name?
• GeoHive: Global Statistics - repository of statistical information.
• LaundryView - see if there's a laundry machine available!
• Census Interfaces - research into systems to more easily visualize census data.
• Social Explorer - a social statistics visualization in Flash.
• Parallel Coordinates - brief explanation of visualizing multivariate data using this technique.
• Cannon Mountain Trail Map - an "interactive" ski trail map.
• Mount Sunapee Interactive Trail Map - a different version of a trail map; compare it to the previous applet. Also try out the Flash version, available on the same page. Why is Flash going away??
• Mount Sunapee Webcam - not any old webcam! One the user can control! (As an aside, why do they have a page telling us there's a page that has webcams?)
• Discrete Mathematics Applets - a comprehensive list of many, many interactive applets for teaching mathematics and/or showing mathematical puzzles.
• Social Science Visualizations - a good list of visualizations in various subjects.
• FlowingData - many good visualization examples.
• Manuscript Visualization - Prof. Michael Drout's idea for visualizing medieval manuscript data.
• Gapminder - click on Gapminder World, 2007 to see a visualization of world-wide income stratification.
• The State of Working America - an interactive visualization of average income over time, from the Economic Policy Institute.
• Viz-o-Matic - Too much visualization?
• Cartoon - software engineering.
• Cartoon II - a dig at Microsoft is always good.
• Periodic Table - visualization of the various visualization methods using the metaphor of the Periodic Table.
• Mapping Stereotypes - funny look at the way some groups look at others.
• Jeff Clark - some visualization examples using principles described in class.
• iPhone Resolution - Edwart Tufte's commentary on the iPhone.
• Pen and Parchment - Edwart Tufte's talk on medieval drawings.
• From Gousie's CompSurf paper:
  • Load/Compute Menu
  • Main Menu and views of output
  • More views of output
• What is this?
• Directions to Copper Mt.
• Good for the eyes
• Gabor function

More Visualization Examples than You Need

• The Top 175 Visualization Resources - a whole bunch (175?) of examples and resources in one site.

PowerPoint

• Good start!
• The Gettysburg Address - Peter Norvig's version of the famous speech.
• The Power of PowerPoint - says it all, doesn't it?
• E.T. Does Rocket Science - Tufte's review of the use of PowerPoint in the space shuttle disaster.
• Key slide of Columbia PowerPoint presentation.
• Math/CS Department Seminar - example of a PowerPoint presentation.
• Giving an Academic Talk - some advice about presentations, including what to show on slides, from Jonathan Shewchuck of UC Berkeley.
• Example of an Academic Talk - a typical conference talk using PowerPoint, but Doug Zongker. Here is the paper that goes along with the talk.

What personality type are you?

• Jung - Meyers-Briggs Test

Student Project Web Pages

• Meghan Dorian; The Economist's pollution particles
• Austin Gillis; Harvard Magazine's Map of the Milky Way
• Lithia Helmreich; NY Times Climbing the Dawn Wall
• Tyler Kickham; NY Times visualization on How World Cup Clubs Are Connected (2014)
• Jingxian Liu; Matan Stauber's (??) Interactive Timeline of History Note: Does not work on FireFox!
• Julia Morneau; NY Times Thanksgiving flight patterns
• Zevi Rubin; Windyty's (??) weather pattern visualization; Arbor Networks' (??) Digital Attack Map
• Khaled Sharafaddin; Column Five Media's visualization using data from Forbes: Top 50 Sports Franchises
• Grace Ulinski; NY Times Presidential Polls in South Carolina
• Steven Waterhouse; Neil Halloran's (??) The Fallen of WWII
• Qi Zhang; NY Times Mapping Segregation