Charting an image to a grid for cross-stitch
A 2-session craft and CTE unit for middle school. Cross-stitch, pixel art, and bead patterns all share one idea: a picture becomes a chart of colored squares on a grid. Students take a simple image, lay a square grid over it, and fill each cell with its main color — turning a smooth picture into a counted pattern anyone can stitch.
This lesson plan draws on the 82 composition overlays every visual artist should know and use.
Learning objectives
By the end of the unit, students will:
- Explain how a continuous image is turned into a grid of discrete colored cells
- Overlay a square grid on an image and choose the dominant color for each cell
- Understand how grid resolution trades detail against effort
- Assign a symbol to each color and write a legend for a counted chart
- Read a chart to stitch, bead, or color a few rows accurately
Standards alignment
- VA:Cr2.1.7aDemonstrate persistence in developing skills with various materials, methods, and approaches in creating works of art or design.
- VA:Cr3.1.7aReflect on and explain important information about personal artwork in an artist statement or another format.
- VA:Cn11.1.7aAnalyze how response to art is influenced by understanding the time and place in which it was created, the available resources, and cultural uses.
Materials
- Internet-connected device per student to overlay the square grid on a chosen image
- Graph paper, pencil, eraser, and colored pencils or markers in a small palette
- A simple, bold image per student — a heart, a leaf, an emoji, a flag, or pixel-style art
- Optional craft supplies to stitch a sample: aida cloth, embroidery floss and a blunt needle, or perler beads and a pegboard
- Printed examples of cross-stitch charts and pixel art with their legends
If stitching, supervise needle use and follow the school's craft-safety guidance.
Lesson sequence
Charting the image
45 minutesZoom way into a digital photo until the pixels show as colored squares. Ask "What is a picture really made of on a screen?" Tiny squares of color on a grid. Cross-stitchers and pixel artists have used exactly this idea for centuries and decades — the grid turns a picture into countable parts.
- (4 min) Students choose a simple, bold image and open the square-grid overlay over it, picking a grid count — start coarse, around 15 cells wide.
- (6 min) Resolution choice: they compare a coarse grid and a fine grid on the same image. More cells capture more detail but mean far more stitches, a real trade-off crafters make.
- (14 min) Charting: on graph paper matching the grid, students fill each cell with the single color that covers most of it. Cells that are half-and-half force a decision, which is the heart of the skill.
- (4 min) They step back and squint — the colored grid should still read as the image. If it does not, a few cells need rechoosing.
- (2 min) Students count how many cells of the main color they used, a preview of a real materials estimate.
- How did choosing a coarse versus fine grid change your chart?
- What did you do with cells that were split between two colors?
- Does your chart still read as the original image from across the room?
Adding a legend and stitching
45 minutesShow a real cross-stitch chart printed in black and white, where each color is a symbol — a cross, a circle, a dot. Ask why a pattern would avoid color. Printing is cheaper in black and white, and the symbols are easier to tell apart than near-identical shades. A legend connects each symbol to its thread.
- (6 min) Students list every color in their chart and assign each a clear symbol, then write a legend pairing symbol, color, and a thread or bead name.
- (8 min) They redraw a small section of the chart in symbols only, proving the legend is enough to rebuild the picture without color.
- (12 min) Making it real: students stitch, bead, or carefully color a few rows by reading the chart cell by cell, counting across and down exactly as a crafter does.
- (4 min) They estimate how much thread or how many beads of the main color the whole piece would need, using their cell count.
- Why are symbols often clearer than color on a printed chart?
- How careful did you have to be counting cells while stitching, and what happens if you miscount?
- How is reading a chart like and unlike reading a coordinate grid in math?
Point students to the square-grid overlay page and the grid-viewfinder plan to see the same counted-grid idea in drawing.
Assessment rubric
4-point scale per criterion:
| Criterion | 4 — Mastery | 3 — Proficient | 2 — Developing | 1 — Beginning |
|---|---|---|---|---|
| Charting accuracy | Cells colored to read clearly as the image | Mostly accurate chart | Some cells misjudged | Chart hard to read |
| Resolution choice | Grid size fits the image and the effort | Reasonable grid choice | Grid too coarse or fine | No clear choice |
| Legend & symbols | Clear, complete legend others could follow | Mostly complete legend | Legend partial | No usable legend |
| Reading the chart | Stitches or beads a section accurately by count | Mostly accurate | Some counting errors | Cannot yet follow the chart |
Extensions
- Cross-disciplinary (math): Students estimate total stitches and floss length, and compute the percentage of each color — a real materials budget.
- Pixel art: Students design an original pixel-art icon directly on the grid and write its legend.
- Differentiation: Students who need support chart a two-color image; advanced students handle gradients by blending colors across cells.
- Cultural study: Research counted-thread traditions — samplers, blackwork, and beadwork — across different cultures and eras.
More lesson plans: browse all. Want this plan customized for your curriculum? Email us.