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.
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.