Grade 3

Coding Characters

Computational Thinker
Superboy with C for Code


Students are learning that computer science is more than just using apps or programs created by others. We want students to make connections between these computer science concepts and the real world. Coding is the language that the computer needs to operate. All children should have a chance to learn about algorithms, how to make an app and how coding is the drive to how everything works.

Students love characters and this activity will give them a chance to create their own character by coding with the x & y axis.  

Students will:

  • Be able to make connections between computer science concepts and the real world.
  • Understand how to modify shape by changing x and y axis.
  • Know how to layer objects to create & share their own characters.

Vocabulary Words:

  1. Code: (v) To code is writing instructions for a computer. 
  2. Program: A program is an algorithm that has been coded into something that can be run by a machine.

To prepare for this lesson:

  • Review X and Y axis for graphing (Any subject with graphing & interpreting graphs would be a great connection for this)
  • The teacher registers students on the Made With Code website. 
  • Have the students watch the X and Y Axis Video Tutorial
  • When on the Made With Code website, direct students to projects tab and then to Avatar. (The students are using Blockly programming language to create the avatar)
  • Click on Avatar and then students will be ready to create their own characters
  • Watch the video Google's Made With Code. This video may be able helpful for teachers learning to code themselves. 

See Accommodations Page and Charts on the site in the Teacher Resources. 

Directions for this activity:

  1. Tell the students they are going to learn how to create an avatar which is a computer character. They are learning the basics of beginning coding. 
  2. Have the students review the student made video
  3. The students go to the Made With Code website and click on the projects tab. 
  4. Next, they click on Avatar which takes them directly to the X & Y axis space to code (create) their character.
  5. When the student has completed their Avatar, it can be downloaded to use in projects. 

Extension Activities:

  1. The Made With Code website has many coding activities for students. For example, students can learn how to create an emoji, a GIF, a soundtrack and much more. 
  2. The students can use the avatar they have created and write a short story about it. 

Different options for assessing the students:

  • Observations
  • Check for understanding
  • Spotlight sharing of work in classroom. 
  • Students can share the link and add to their student portfolio, website, Google Classroom or any other tools the teacher is utilizing.

MITECS: Michigan adopted the "ISTE Standards for Students" called MITECS (Michigan Integrated Technology Competencies for Students) in 2018.

Computational Thinker
5d. Students understand how automation works and use algorithmic thinking to develop a sequence of steps to create & test automated solutions.

Device: PC, Chromebook, Mac

Browser: Chrome, Safari, Firefox, Edge, ALL

Google's Made With Code Video

Made With Code

Made With Code Student Video Example


Have the students use the avatar they have created in a short story. 

Creating the characters connecting to the  Art Class.

Graphing practice using the X & Y axis to both plot information and read plot points.

Graphing in Science to practice for M-Step Testing as well as information used in your content areas.

Graphing in Social Studies to practice for M-Step Testing as well as information used in your content areas.

This task card was created by Denise Gallemore, Marysville Public Schools, February 2018.