Lesson Plan

• Describe the basic primitives (points, lines, curves, shapes) used in vector graphics.
• Explain how SVG path commands encode these primitives and their attributes.
• Interpret a simple SVG path string and translate it into geometric actions.
• Apply the Bézier curve formula to identify control points in encoded data.
• Compare advantages and limitations of vector encoding versus raster images.

• Projector and screen
• Computers with internet access
• SVG editor (e.g., Inkscape) installed
• Handout of the SVG command table
• Worksheet with decoding/encoding tasks
• Whiteboard and markers

Ask students to imagine zooming into a photo without it becoming pixelated. Review the previous lesson on raster images and pixel grids. Explain that today they will learn how vector graphics store image information and will be able to read and write basic SVG commands.

1. Do‑now (5') – Quick quiz comparing raster and vector characteristics.
2. Mini‑lecture (10') – Introduce points, lines, curves, shapes and the SVG command syntax; display the encoding table.
3. Guided demo (10') – Live creation of a triangle SVG path, step‑by‑step decoding of each command.
4. Hands‑on activity (15') – Students decode a provided SVG path, draw the resulting figure, then compose their own simple path using at least two different commands.
5. Check for understanding (5') – Exit ticket: write the SVG commands needed to draw a given shape.

Summarise how vector graphics encode geometric primitives and attributes, reinforcing the link between commands and visual output. Collect exit tickets and remind students to submit an SVG file containing at least three different primitives as homework.