Week 14

Presentations: Robin on Jacques Bertin & Zhibang on Tufte’s The Visual Display of Quantitative Information Final check-in on Stones Unturned Assignment Stones Unturned Finish design/development & come to class ready to present your work and describe your process Everything else Any updates to earlier projects must be checked-in…

Week 13

Mapping tutorials Measuring distances (and orientations) between pairs of lat/long coordinates Dealing with geoJSON The USGS provides an even richer set of fields in its geoJSON feeds than in the CSV feeds Consider copying the unpackJSON, sortQuakes, maxValue, and minValue functions into your project Tectonic plates & borders Stones…

Week 12

Presentations Xingwei on Georgia Lupi Xingyang on Forensic Architecture & Michael on William Playfair Tutorial Locating cities closest to a given latitude/longitude Stones Unturned Individual meetings Assignment Stones Unturned Integrate your diagram and map into a single, cohesive view on one web page. If your diagram sits alongside the…

Week 11

Presentation: John on Otto Neurath Tutorials (refer to the examples directory for details) Using map() and lodash to create scatterplots Converting timestamps to objects and using moment.js to deal with calendar math. Meet in small groups to look over your sketches for Exercise 3 Assignment Stones Unturned Explore the…

Week 10

Presentations: Yujun on Catalogtree & Yiran on Hans Rosling Inhye on Ben Fry A Thousand Suns: final crit Assignment Stones Unturned Open a terminal window in the dvia-2019 folder and type make update to pull the new assignment down from github. Start off by making pencil sketches for your non-spatial…

Stones Unturned

Exercise 3: Mapping Space and Frames of Reference In this exercise you will be concerned with the space on the screen as much as the marks you place on it. This will be true both because you'll be creating a traditional, cartographic map (for which space & position have obvious…

Week 9

Presentations: Yujun & Soonk on Catalogtree Exercise 3 Small group meetings and in-class work session Assignment A Thousand Suns Choose one of your three directions to develop and create a completed version of it. Using either the external data source you collected or a dataset collected by one of your…

Week 8

Presentation: Amanda on Tahir Hemphill P5 Mini-tutorials: Open a new Terminal in the dvia-2019 folder and type make update to get the newest files SVG Export: You can save your p5 sketches to SVG files that can then be opened and tweaked in Illustrator. Look in the svg-export folder for…

Week 7

Presentations Neil on Lev Manovich & Qinglu on Nicholas Felton Reading #2: Subtleties of Color To actually use your newfound understanding of color, start looking into using chroma.js in your sketches Note the use of the .hex() method to convert from chroma’s color representation to p5’s on…

Week 6

Presentations Marisa on W.E.B Du Bois & Nour on Mike Bostock Lee on Tufte’s Envisioning Information Right Twice a Day: final crit Assignment A Thousand Suns: Run make update in your repository folder to fetch the new assignment Generate three exploratory visualizations based on the spreadsheet data…

A Thousand Suns

Exercise 2: Mapping Quantities, Categories, and Summarized Data For this second exercise, we'll be examining a simple time-series dataset: the history of nuclear testing by the eight (declared) nuclear nations. In the first phase of this project we will consider only the total number of test explosions across three dimensions:…

Reading #2

Subtleties of Color by Robert Simmon The use of color to display data is a solved problem, right? Just pick a palette from a drop-down menu (probably either a grayscale ramp or a rainbow), set start and end points, press “apply,” and you’re done. Although we all know it’…

Week 5

Kieran Healy chapter: discussion Right Twice a Day: in-class work By the end of class have three concepts (including pencil sketches) for a time visualization that includes the hours/minutes/seconds values from your ‘clock’ explorations and at least three ‘calendar’ variables of your own choosing (day of week, month,…

Week 4

Catalog & Classify: finish discussion Right Twice a Day: in-class work Assignment Right Twice a Day Polish and incorporate feedback on your three code-based time visualizations Convert your paper sketches into code for your three date visualizations. As before, duplicate the project folder three times and name them date-1, date-2,…

Reading #1

Poor Form Read Healy's introductory chapter from Data Visualization for Social Science: Look at Data: What Makes Bad Figures BadUse the tag “R1” when you post your assessment of the reading and the questions raised.…

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…

Right Twice a Day

Exercise 1: Mapping Time Preliminaries Gather all the necessary software and files to get started: The Sublime Text 3 (or comparable) text editor The GitHub Desktop GUI client Create your own fork of https://github.com/samizdatco/dvia-2019 The P5.js site has an extensive Reference section with a full…

Week 2

Pick research topics & dates Catalog & Classify discussion Workshop: Creating a fork of the course repository and committing changes Make sure you've got the following installed/set-up: a text editor (consider SublimeText, VS Code, or Atom) a working Node.js installation on your laptop an account at GitHub and…

Research Presentations

Each student will select a data visualization person, topic, theme, technology, etc. to thoroughly research and report on for the rest of the class. You will become an expert in this subject and explore some of the main ideas and concepts behind the research topic you've selected. Some questions to…

Week 1

Assessment of student skills, levels, and interests What do you want to learn in this class? What sorts of data/information graphics work have you done previously? Any coding or stats experience? Introduction to course goals and expectations Intro talk Warm-up Assignment: Catalog & Classify Create and publish a new…

Syllabus

This is a foundational course on information design and aesthetics. Students will study the fundamentals of design and the grammar of graphics while investigating hierarchies, patterns, and relationships in data structures. Students will examine the role of scale, proportion, color, form, structure, motion, and composition in data visualization. The intent…