4-Bit Bitmap Generator

What it does?
This JS application takes in 4 bit binary values and changes the style of the box to reflect their corresponding colour in the pallete. Once completed the student can either save their design as a text file (see example) or a bitmap file.

How i use it
While covering the representing images this is a really nice way for students to demonstrate how a bitmap file stores an image.

This can be extended into compression getting students to group up the binary strings etc. 0000 0000 0000 0000 --> [4, 0000] etc.