- What is CodeHS?
- Curriculum
- Platform
- Assignments
- Classroom Management
- Grading
- Gradebook
- Progress Tracking
- Lesson Plans
- Offline Handouts
- Problem Guides
- Practice
- Create
- Problem Bank
- Playlist Bank
- Quiz Scores
- Rostering
- Integrations
- Professional Development
- Stories
- Standards
- States
- Alabama
- Alaska
- Arizona
- Arkansas
- California
- Colorado
- Connecticut
- D.C.
- Delaware
- Florida
- Georgia
- Hawaii
- Idaho
- Illinois
- Indiana
- Iowa
- Kansas
- Kentucky
- Louisiana
- Maine
- Maryland
- Massachusetts
- Michigan
- Minnesota
- Mississippi
- Missouri
- Montana
- Nebraska
- Nevada
- New Hampshire
- New Jersey
- New Mexico
- New York
- North Carolina
- North Dakota
- Ohio
- Oklahoma
- Oregon
- Pennsylvania
- Rhode Island
- South Carolina
- South Dakota
- Tennessee
- Texas
- Utah
- Vermont
- Virginia
- Washington
- West Virginia
- Wisconsin
- Wyoming
- State Standards
- Plans
- Resources
- Districts
- Share
- Contact Us
- Company
![](https://devstaticflare.codehs.com/img/logo_name.png)
CO 9-12: CS.HS.1.8b
CodeHS Lessons
Design visualizations using the appropriate tool(s) with the end user in mind.
Standard |
4.1 Intro to the Canvas and Graphics |
4.2 More Graphics Objects |
Standard |
24.8 Artistic Effects |
24.13 User Input |
24.19 If/Else Statements |
Standard |
14.1 Present a Data-Driven Insight |
18.1 Intro to Design Thinking |
18.2 Prototype |
18.3 Test |
18.4 Project Prep and Development |
Standard |
17.1 Present a Data-Driven Insight |
21.1 Intro to Design Thinking |
21.2 Prototype |
21.3 Test |
21.4 Project Prep and Development |
Standard |
10.1 Visualizing Weather Data |
10.2 Visualizing Movie Data |
Standard |
3.1 Intro to the Canvas and Graphics |
3.2 More Graphics Objects |
Standard |
4.1 Intro to the Canvas and Graphics |
4.2 More Graphics Objects |
Standard |
4.1 Intro to the Canvas and Graphics |
4.2 More Graphics Objects |
Standard |
3.4 Artistic Effects |
5.5 User Input |
7.2 If/Else Statements |
Standard |
3.4 Artistic Effects |
5.5 User Input |
7.2 If/Else Statements |
Standard |
13.9 Artistic Effects |
13.12 User Input |
13.17 If/ Else Statements |
Standard |
3.9 Artistic Effects |
3.12 User Input |
3.17 If/ Else Statements |
Standard |
3.5 Using Graphics in JavaScript |
6.9 Artistic Effects |
6.12 User Input |
6.17 If/ Else Statements |
Standard |
1.9 Artistic Effects |
1.12 User Input |
1.17 If/ Else Statements |
Standard |
3.5 Using Graphics in JavaScript |
4.2 Graphics Challenges |
Standard |
3.4 Artistic Effects |
4.2 User Input |
6.2 If/ Else Statements |
Standard |
5.5 Using Graphics in JavaScript |
6.1 Graphics Challenges |
Standard |
1.9 Artistic Effects |
1.12 User Input |
1.17 If/ Else Statements |
Standard |
3.5 Using Graphics in JavaScript |
4.2 Graphics Challenges |
Standard |
3.5 Using Graphics in JavaScript |
4.2 Graphics Challenges |
Standard |
3.5 Using Graphics in JavaScript |
4.2 Graphics Challenges |
Standard |
3.4 Artistic Effects |
4.2 User Input |
5.2 If/ Else Statements |
Standard |
2.9 Artistic Effects |
2.12 User Input |
2.17 If/ Else Statements |
Standard |
6.1 Breakout |
7.1 Fun Snake |
Standard |
5.5 Using Graphics in JavaScript |
6.1 Graphics Challenges |
Standard |
6.6 Using Graphics in JavaScript |
7.1 Graphics Challenges |
Standard |
2.9 Artistic Effects |
2.13 User Input |
2.19 If/ Else Statements |
Standard |
6.5 Using Graphics in JavaScript |
7.1 Graphics Challenges |
Standard |
5.5 Using Graphics in JavaScript |
6.1 Graphics Challenges |
Standard |
1.9 Artistic Effects |
1.12 User Input |
1.17 If/ Else Statements |
Standard |
5.5 Using Graphics in JavaScript |
6.1 Graphics Challenges |
Standard |
1.9 Artistic Effects |
1.12 User Input |
1.17 If/ Else Statements |
Standard |
6.5 Using Graphics in JavaScript |
7.1 Graphics Challenges |
Standard |
3.9 Artistic Effects |
3.12 User Input |
3.17 If/ Else Statements |
Standard |
10.6 Using Graphics in JavaScript |
Standard |
14.1 Present a Data-Driven Insight |
16.1 Intro to Design Thinking |
16.2 Prototype |
16.3 Test |
16.4 Project Prep and Development |
Standard |
5.5 Using Graphics in JavaScript |
6.1 Graphics Challenges |
Standard |
18.9 Artistic Effects |
18.12 User Input |
18.17 If/ Else Statements |
Standard |
5.5 Using Graphics in JavaScript |
6.1 Graphics Challenges |
Standard |
1.9 Artistic Effects |
1.12 User Input |
1.17 If/ Else Statements |
Standard |
3.1 Intro to the Canvas and Graphics |
3.2 More Graphics Objects |
Standard |
8.6 Using Graphics in JavaScript |
9.2 Graphics Challenges |
16.3 Present a Data-Driven Insight |
Standard |
4.5 Using Graphics in JavaScript |
5.2 Graphics Challenges |
Standard |
1.9 Artistic Effects |
1.12 User Input |
1.17 If/ Else Statements |
Standard |
5.5 Using Graphics in JavaScript |
6.1 Graphics Challenges |
Standard |
5.5 Using Graphics in JavaScript |
6.1 Graphics Challenges |
Standard |
1.9 Artistic Effects |
1.12 User Input |
1.17 If/ Else Statements |
Standard |
5.5 Using Graphics in JavaScript |
6.1 Graphics Challenges |
Standard |
1.9 Artistic Effects |
1.12 User Input |
1.17 If/ Else Statements |
Standard |
5.5 Using Graphics in JavaScript |
6.1 Graphics Challenges |
Standard |
1.9 Artistic Effects |
1.12 User Input |
1.17 If/ Else Statements |
Standard |
2.5 Using Graphics in JavaScript |
11.1 Present a Data-Driven Insight |
12.1 Intro to Design Thinking |
12.3 Prototype |
12.4 Test |
12.5 Project Prep and Development |
Standard |
2.5 Using Graphics in JavaScript |
11.1 Present a Data-Driven Insight |
13.1 Intro to Design Thinking |
13.3 Prototype |
13.4 Test |
13.5 Project Prep and Development |
Standard |
1.9 Artistic Effects |
1.12 User Input |
1.17 If/ Else Statements |
Standard |
5.5 Using Graphics in JavaScript |
6.1 Graphics Challenges |
Standard |
1.9 Artistic Effects |
1.12 User Input |
1.17 If/ Else Statements |
Standard |
3.9 Artistic Effects |
3.12 User Input |
3.17 If/ Else Statements |
Standard |
3.9 Artistic Effects |
3.13 User Input |
3.18 If/ Else Statements |
Standard |
6.1 Intro to the Canvas and Graphics |
6.2 More Graphics Objects |
Standard |
5.1 Intro to the Canvas and Graphics |
5.2 More Graphics Objects |
Standard |
6.1 Intro to Design Thinking |
6.2 Prototype |
6.3 Test |
6.4 Project Prep and Development |
Standard |
1.9 Artistic Effects |
1.12 User Input |
1.17 If/ Else Statements |
Standard |
5.5 Using Graphics in JavaScript |
6.1 Graphics Challenges |
Standard |
6.5 Using Graphics in JavaScript |
7.1 Graphics Challenges |
Standard |
5.5 Using Graphics in JavaScript |
Standard |
6.1 Intro to the Canvas and Graphics |
6.2 More Graphics Objects |
Standard |
3.4 Artistic Effects |
4.3 User Input |
5.2 If/ Else Statements |
Standard |
5.5 Using Graphics in JavaScript |
6.1 Graphics Challenges |
Standard |
5.5 Using Graphics in JavaScript |
6.1 Graphics Challenges |
Standard |
1.9 Artistic Effects |
1.12 User Input |
1.17 If/ Else Statements |
Standard |
3.4 Artistic Effects |
5.5 User Input |
7.2 If/Else Statements |
Standard |
3.4 Artistic Effects |
5.5 User Input |
7.2 If/Else Statements |
Standard |
11.8 Artistic Effects |
11.13 User Input |
11.19 If/Else Statements |
Standard |
5.5 Using Graphics in JavaScript |
6.1 Graphics Challenges |
- What is CodeHS?
- Curriculum
- Platform
- Assignments
- Classroom Management
- Grading
- Gradebook
- Progress Tracking
- Lesson Plans
- Offline Handouts
- Problem Guides
- Practice
- Create
- Problem Bank
- Playlist Bank
- Quiz Scores
- Rostering
- Integrations
- Professional Development
- Stories
- Standards
- States
- Alabama
- Alaska
- Arizona
- Arkansas
- California
- Colorado
- Connecticut
- D.C.
- Delaware
- Florida
- Georgia
- Hawaii
- Idaho
- Illinois
- Indiana
- Iowa
- Kansas
- Kentucky
- Louisiana
- Maine
- Maryland
- Massachusetts
- Michigan
- Minnesota
- Mississippi
- Missouri
- Montana
- Nebraska
- Nevada
- New Hampshire
- New Jersey
- New Mexico
- New York
- North Carolina
- North Dakota
- Ohio
- Oklahoma
- Oregon
- Pennsylvania
- Rhode Island
- South Carolina
- South Dakota
- Tennessee
- Texas
- Utah
- Vermont
- Virginia
- Washington
- West Virginia
- Wisconsin
- Wyoming
- State Standards
- Plans
- Resources
- Districts
- Share
- Contact Us
- Company
![](https://devstaticflare.codehs.com/img/logo_name.png)