This course covers programming in JavaScript D3 to display and visualize data as well as how to manage, transform, and normalize data for display on the screen. Students will learn how to create effective visualizations, complex drawings and animations on the web using SVG for vector graphics and Canvas for pixel based graphics.
You should take this class if you have a desire to express ideas visually on a computer screen. If you have a fascination with data and trends taking this class will give you the tools and opportunities to express these ideas in your work.
If you want to practice the craft of making web applications with HTML, CSS, and javascript this class will give you ample opportunity to stretch these skills in new directions.
Students by the end of the course will be able to ...
- Analyze Data to express it's meaning
- Normalize data to express its range and value on the screen
- Implement standard and non-standard visual displays
- Use JavaScript, Canvas, and SVG to express ideas graphically
Course Dates: Monday, January 20 – Wednesday, March 4, 2020 (7 weeks)
Class Times: Monday and Wednesday at 9:30–12:15pm (13 class sessions)
| Class | Date | Topics | Assignments | Assignment Due |
|---|---|---|---|---|
| - | Mon, January 20 | NO CLASS - MLK Day | - | |
| 1 | Wed, January 22 | Intro to Data Visualization | Data Visualization 1 pt 1 | |
| 2 | Mon, January 27 | Displaying Data graphically | Data Visualization 1 pt 2 | |
| 3 | Wed, January 29 | Animation and Interaction | Data Visualization 1 | |
| 4 | Mon, February 3 | Sorting and Filtering | Data Visualization 3 | - |
| 5 | Wed, February 5 | Interactive Data | Data Visualization 4 | - |
| 6 | Mon, February 10 | Wrap up Project | Data Visualization 5 | - |
| 7 | Wed, February 12 | [Graphing charting libraries] | - | Data Visualization 2 |
| 8 | Mon, February 17 | [SVG] | Final Data Visualization | |
| 9 | Wed, February 19 | [D3] | - | |
| 10 | Mon, February 24 | [D3 Scales] | - | |
| 11 | Wed, February 26 | [D3 Maps] | - | |
| 12 | Mon, March 2 | Final Assessment | - | |
| 13 | Wed, March 4 | Final Presentations | Final Data Visualization |
To pass this course you must meet the following requirements:
- Complete all required assignments
- Pass all projects according to the associated project rubric
- Pass the final summative assessment according to the rubric as specified in this class
- This will be further explained in the study guide
- Actively participate in class and abide by the attendance policy
- Make up all classwork from all absences
- Program Learning Outcomes - What you will achieve after finishing Make School, all courses are designed around these outcomes.
- Grading System - How grading is done at Make School
- Diversity and Inclusion Statement - Learn about Diversity and Inclusion at Make School
- Academic Honesty - Our policies around plagerism, cheating, and other forms of academic misconduct
- Attendance Policy - What we expect from you in terms of attendance for all classes at Make School
- Course Credit Policy - Our policy for how you obtain credit for your courses
- Disability Services (Academic Accommodations) - Services and accommodations we provide for students
- Student Handbook - Guidelines, policies, and resources for all Make School students