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.
- FEW 1.2 Due Feb. 17
Course Delivery: online | 7 weeks | 14 sessions
Course Credits: 3 units | 37.5 Seat Hours | 75 Total Hours
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: Wednesday, January 20 – Wednesday, March 3, 2021
Class Times: Monday, Wednesday at 9:30am–12:15pm (13 class sessions)
| Class | Date | Topics | Assignments | Assignment Due |
|---|---|---|---|---|
| - | Mon, Jan 18 | NO CLASS - MLK Day | - | - |
| 1 | Wed, Jan 20 | Intro to Data Viz | Assignment 1 - challenges-1.js |
- |
| 2 | Mon, Jan 25 | Collecting Data | Assignment 1 - challenges-2.js |
- |
| 3 | Wed, Jan 27 | Making data visible | Assignment 2 - Visualize Titanic data |
- |
| 4 | Mon, Feb 1 | Sorting and Filtering | - | Assignment 1 - GradeScope |
| 5 | Wed, Feb 3 | - | Lab | - |
| 6 | Mon, Feb 8 | Real Time Data | Assignment 3 - Audio Vidualizer |
Assignment 2 - GradeScope |
| 7 | Wed, Feb 10 | Drawing Data | - | - |
| 8 | Mon, Feb 15 | D3 Intro | Assignment 4 - D3 Tutorial |
Assignment 3 - GradeScope |
| 9 | Wed, Feb 17 | D3 Scales | Assignment 5 - D3 Final Project |
D3 Tutorial - GradeScope |
| 10 | Mon, Feb 22 | D3 Examples | - | - |
| 11 | Wed, Feb 24 | D3 Maps | - | - |
| 12 | Mon, Mar 1 | Final Assessment | - | - |
| 13 | Wed, Mar 3 | Final Presentations | Final Data Visualization | D3 Final Project - GradeScope |
To pass this course you must meet the following requirements:
- Pass 70% 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
Any additional resources you may need (online books, etc.) can be found here. You can also find additional resources through the library linked below:
- 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
- Code of Conduct, Equity, and Inclusion - 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
- Online Learning Tutorial - How to succeed in online learning at Make School
- Student Handbook - Guidelines, policies, and resources for all Make School students