Week 3

  • Presentations
    • Lulu on the Washington Post & Saloni on Tufte’s Envisioning Information
    • Antoine on Mike Bostock & Shea on Muriel Cooper
  • Workshop: A Whirlwind Introduction to Javascript and P5 (take 2)
    • cd into your repository and type make update to pull down the most recent changes to the introductory materials
    • Type make server and follow along as we work through the contents of the 1.mapping-time/basics folder


  • Catalog & Classify: we will hear from everyone who didn’t get a chance to present last time
  • Exercise #1: Right Twice a Day
    • Complete at least three representations of the current wall-clock time (ignore days, weeks, moons, etc. for now) that develop on your sketches from last week.
      • Make sure each approach addresses hours, minutes, and seconds in such a way that the representation looks different over the course of a day, hour, and minute.
      • This time everything must be done in code. Start by duplicating your project folder three times and naming them clock-1, clock-2, and clock-3. Once you've completed each sketch, rename the folder with a more descriptive suffix (e.g., clock-1-radial-seconds)
    • Add 3 new sketches to your process folder that this time focus on representing at least two of the longer-term calendar variables (and for these you don't need to worry about incorporating the wall-clock time)
      • Each sketch should choose two different calendar values to represent (e.g., day-of-week, day-of-month, month, moon, season, or year) and you should use a different retinal variable for each value (i.e., 6 different retinal variables across the 3 sketches)
      • Since calendar units use much more irregular values than clocks do, pay extra attention to the progress attributes provided by the clock() function and figure out how to map their 0–1 values into an appropriate range to use for drawing
Show Comments