Back to syllabus

Readings

Readings should be completed before class, to ensure that you are prepared for in-class exercises

• Values, Types, and Operators, from Eloquent Javascript
• Program structure, from Eloquent Javascript
• Functions, from from Eloquent Javascript
• Data Structures, from from Eloquent Javascript

Overview

In this class, we will learn how to generate data using loops and functions, and how to load data from a .csv file using d3.

Topics

• Data types, objects, and arrays
• For loops, if/else statements
• Functions in Javascript
• Using data structures to draw shapes with d3
• D3 selections, Enter, exit, update paradigm.
• Loading data from a .csv file
• D3 scales

Final Project

Brainstorm specific questions to ask with your final project data. Start imagining the kinds of charts you might want to create

Assignment

Assignments should be completed after class, and submitted to the correct GitHub repository by midnight on Monday before the next class. Late or missing assignments will negatively impact your grade.

• PS01: Create a composition of squares or circles using data that you randomly-generated using a for loop.
• PS02: Create a composition of squares or circles using data from the .csv generated in class. Scale the size and color of your shapes using values stored in the .csv.
• Final project (PS03): Load one of your final project datasets (or a piece of it) into JS using d3, and print it to the console. (Turn this in with the rest of your code)

Assignment 1 submissions

Xun Chong	Stephen Costa	Felippe Rodriguez	Sophia Fox-Sowell
Kuan Lin	George Redak	Angela (Yuanhong) Shi	Abigail Skelton
Ziyi Zhao	Nicole Zizzi	Qingyue Li	Yichia Cheng

Assignment 2 submissions

Xun Chong	Stephen Costa	Felippe Rodriguez	Sophia Fox-Sowell
Kuan Lin	George Redak	Angela (Yuanhong) Shi	Abigail Skelton
Ziyi Zhao	Nicole Zizzi	Qingyue Li	Yichia Cheng

Back to syllabus