Data Representation of Images (vectors and bitmaps with code)

last edited Apr 01 2017 by Pete Dring | Created by Pete Dring | Other contributors:

Web based tools to write code to generate vector and bitmap images

This is a set of activities that lets students write code to generate both vector and bitmap images, exploring the advantages and disadvantages of both.

Blog post explaining resources with ideas for differentiation and assessment:

Main activities from blog post:

Vector images:

  • Draw a vector smiley face using SVG commands on the w3schools TryIt editor Vector images

Bitmap images:

  • Create or use an excel spreadsheet to turn numbers into colours to illustrate how bitmap images work
  • Draw a bitmap smiley face using online python editor in both black and white and colour.

Bitmap images

The python editor allows students to write, run, debug and share python code without needing to download any software or needing a user account - designed for clubs, lessons, homeworks and educational projects.

Level: KS3/KS4

Duration: 2-3 lessons

Teaches: Pupils should be taught to:

…understand how instructions are stored and executed within a computer system; understand how data of various types (including text, sounds and pictures) can be represented and manipulated digitally, in the form of binary digits


By downloading this resource you agree to the CAS resource guidelines and use it appropriately.

Note: Unless otherwise specified, this resource and all associated files are published here under the Creative Commons Attribution-Share Alike 3.0 Licence. If you wish to use a different license, please state this in the description.

Read our resource guidelines

Feedback and Comments

Available when logged in (sign-up, for free):
  • View 2 comments on this resource.
  • View resource history, links to related resources.
  • Leave feedback for the author(s), or help by editing the resource.

This resource has attached files: to access these files, please tick the box below to assent to the license terms

License: The resources on CAS website are under Creative Commons Attribution-Share Alike 3.0 licence unless otherwise specified by the resource creators.

You must confirm that you have read and agree the licence's ToS before you can download the attachments of this resource.

It has been downloaded 309 times.

I have read the licence agreement of this resource and agree to abide by its terms and conditions.