Math W82
Visualize This! with D3
January 2020


[Notes] [Daily Log] [RStudio@Calvin] [Projects] [Piazza]

Definitions

Before Class
Have this done before class begins.
In Class
This is what we are doing in class.
After Class
Have this done by the specified time (so I can take a look at things before class).

Wednesday, Jan 8

In Class

After Class (by 9 pm)

  • Read the Preface and Chapter 1 of Wilke

    • Take note of how he defines “good”, “bad”, “ugly”, and “wrong”.

    • Find an interactive or dynamic visualization online and log the information in this form.


Thursday, Jan 9

Before Class

In Class


Friday, Jan 10

Before Class

  • If you didn’t finish in class, continue working on the CSS and SVG stuff from Thursday. (You can do some more of this over the weekend, if you like.)

  • Read Chapter 2 of Wilke. Be sure you can answer these questions.

    • What is an asethetic? What is aesthetic mapping?
    • How is this chapter related to what we have been doing with CSS and SVG?
  • CodeCademy JavaScript Tutorial: Conditionals

  • Optional

In Class


Monday, Jan 13

Before Class

  • Complete CSS and SVG activities if you didn’t finish in class on Thursday.

  • Read Chapter 3 of Wilke of Wilke. Be sure you can answer these questions.

    • What is a scale? (You might want to look back at Chapter 2.)
    • How are scales related to axes?
  • JavaScript Tutorials [If this takes you more than 2 hours of focused work, you may stop and email me how far you have gotten. Or you may keep going – we need to do these eventually.]

In Class

  • 2016 Election Graphics from the Washington Post
  • CodeCademy Javascript Tutorials

    • Iterators
    • Objects
    • Classes
  • Intro to D3

  • Sign up project team with this form

  • Bonus Time
    • Start project brainstorming with your project team

    • GitHub Snow Person

      • Create a GitHub repository named snow-person.
      • Put your snow-person files (HTML, CSS) into the /docs folder of this repoisitory. Name the HTML file index.html.
      • Set GitHub to use the /docs folder as a website.
      • Feel free to make some additional edits to the page.

After Class (by 5pm)

  • Read the January Series post about Cathy O’Niel

  • Read the main landing page of https://orcaarisk.com/ to get a feel for what her company (O’Neil Risk Consulting & Algorithmic Auditing) is doing.

  • Read at least one of the In The News items on that page.

  • Create a Piazza post taggedcathy-oniel. (Do this by replying to my post.) In your post, briefly answer the following:

    • Which news item did you read? Why? (If you read more than one, you may pick just one or talk about more than one.)

    • What was the most interesting/thought provoking idea in the news item you chose?

    • What question would you like to ask Cathy? (You won’t all get a chance to ask her a question on Tuesday, but some of you will, so this could actually happen.)


Tuesday, Jan 14

Before Class

  • Read at least 5 cathy-oniel Piazza posts written by other students, including the two that were posted right before yours and the two posted right after yours. (If you are one of the first two to post, you don’t have to do the two before. If you are one of the last two to post and it is past the deadline, you don’t have to do the two before. In these cases, just pick additional ones to get you up to five.)

  • After reading at least 5 posts, create a Piazza post tagged cathy-oniel-favorites. (Do this by replying to my post.) In your post, mention which idea or question someone else posted is most interesting to you.

  • Sleep in (a little) – We’ll start calss at 8:45 am today! We’ll meet in our usual room first and then head over to DV 170 together after some preliminary discussion.

In Class

  • Class discussion 8:45 - 9:15
  • Disucssion with Cathy O’Niel

    • Q&A will take place from 9:30-10:30 a.m. in DV 170.
    • More discussion to follow.
    • Done by 11:15 so you can get lunch before noon.

After Class (12:00-1:30)

  • Attend January Series Lecture – arrive by 12:10, after that your reserved seat will be made available to the public. Reserved seats should be labeled for our class.

Wednesday, Jan 15

Before Class

  • Read Chapters 4, 5, 6, and 10 of Wilke

    • In what ways can color be used in a visualization? How should this affect the colors that we choose?

    • There are several kinds of plots presented in these chapters. Which are familiar to you? Which are unfamiliar? Were you immediately able to understand the information displayed by an unfamiliar plot type? If not, what did you need to do to learn to understand the plot? What implications does this have for your project?

    • How does Wilke suggest bars of a bar chart should be ordered?

    • Give an example of a type of plot that works well for some data sets but poorly for others. (There are several examples given in these chapters.) What criteria is Wilke using when he says a type of plot works well or poorly?

    • What does Wilke have to say about the use of pie charts? How does what he has to say about them compare with things you have read or heard elsewhere?

    • Reflecting over these chapters, what are the most important features of a good visualization?

    • What did you learn from these chapters that could be useful to keep in mind as you design your project?

  • Finish these sections of the CodeCademy Javascript Tutorials if you didn’t finish them in class on Monday

    • Iterators
    • Objects
  • GitHub Snow Person

    • Create a GitHub repository named snow-person.
    • Put your snow-person files (HTML, CSS) into the /docs folder of this repoisitory. Name the HTML file index.html.
    • Set GitHub to use the /docs folder as a website.
    • Feel free to make some additional edits to the page.
  • Intro to D3

    • Work through #11 (changing the h2 header text) of section 7.3 (Adding d3 to your own web page). We’ll pick up from there in class.
  • If you haven’t done so yet, sign up your project team with this form

In Class

  • More D3 – Enter data!

  • Bonus Time
    • Continue project brainstorming with your project team

Thursday, Jan 16

Before Class

In Class

  • More D3
    • Scales
    • Loading data

Friday, Jan 17

Before Class

  • CodeCademy Javascript Tutorials

    • We are done with these. But feel free to do some of the ones I did not assign or to redo any of the ones we have done. You may find that working through a tutorial a second time helps solidify the information.
  • Read Chapters 18 (overlapping points), and 20 (redundant coding) of Wilke

    • What are the most important take aways from these chapters?
  • D3

  • Be thinking about your project. Start drawing sketches and making lists of things you will want to add to your web site. Also keep a list of things you don’t know how to do but will want to do for your project.

  • Optional

    • Read Chapters 7 - 16 of Wilke.

      These are about specific types of visualizations for specific types of data. You should look at the chapters that are most relevant to the data you will be working with, but you are welcome to look at any or all of them.

In Class

  • Interaction!

    • 3 examples (random verse, heatmap, big countries) with code walk through
    • create something that reponds to user interaction
  • Other things

    • enter, update, exit using .join()
    • this and call back functions

Monday, Jan 20

Before Class

  • No specific assignment, but

    • Enjoy your weekend. Enjoy the snow!
    • Be thinking about your projects.
    • Feel free to practice the things we have been learning this week.

In Class

  • Google Fonts
  • Geomapping
  • Work on projects

Tuesday, Jan 21

Before Class

  • Read Chapters 22 (Titles, Captions, Tables) and 29 (Telling a Story) of Wilke.

    • What did you read that you can use in your project design?
  • Keep working on your projects

In Class

  • Generators (Pie charts example)
  • Responding to drag events
  • Wrangling data with d3.groups() and d3.rollups()
  • Projects

Wednesday, Jan 22

Before Class

  • Read Chapters 21 (Multi-panel), 23 (Balance), and 24 (Axis Labels) of Wilke.

    • What did you read that you can use in your project design?
  • Keep working on your projects

In Class


Thursday, Jan 23

Before Class

  • Read Chapters 25 (Lines) and 26 (3D) of Wilke.

    • What did you read that you can use in your project design?
  • Keep working on your projects

  • Give me an update about your project here

    • List a couple things you read in Wilke that are shaping your work on your project.
    • Let me know if there are things you need my help for.

In Class

  • Projects

Friday, Jan 24

In Class

  • Project Reports


Monday, January 27

In Class

  • Work on projects

Tuesday, January 28

In Class

  • Work on projects

After Class

  • Submit final project