Intro to JavaScript (CodeCademy)
Do the first two CodeCademy Introduction to JavaScript lessons
Optional
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.
CodeCademy JavaScript Tutorial: Conditionals
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.
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.]
CodeCademy Javascript Tutorials
Intro to D3
Sign up project team with this form
Start project brainstorming with your project team
GitHub Snow Person
snow-person
./docs
folder of this repoisitory. Name the HTML file index.html
./docs
folder as a website.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.)
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.
Disucssion with Cathy O’Niel
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
GitHub Snow Person
snow-person
./docs
folder of this repoisitory. Name the HTML file index.html
./docs
folder as a website.Intro to D3
If you haven’t done so yet, sign up your project team with this form
CodeCademy Javascript Tutorials
Work through section 7.4 so we can begin with section 7.5 in class.
You might like to compare your work to exmaples at https://github.com/rpruim/D3-examples/tree/master/GettingStarted
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.
CodeCademy Javascript Tutorials
CodeCademy Javascript Tutorials
Read Chapters 18 (overlapping points), and 20 (redundant coding) of Wilke
Work through section 7.7 (loading data from a file).
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.
Interaction!
Other things
.join()
this
and call back functionsNo specific assignment, but
Read Chapters 22 (Titles, Captions, Tables) and 29 (Telling a Story) of Wilke.
Keep working on your projects
d3.groups()
and d3.rollups()
Read Chapters 21 (Multi-panel), 23 (Balance), and 24 (Axis Labels) of Wilke.
Keep working on your projects
Read Chapters 25 (Lines) and 26 (3D) of Wilke.
Keep working on your projects
Give me an update about your project here