Background

I learned about error-detection/correction in first year and later on decided it would help to visualize how hamming codes work. If you are unfamiliar there’s a great video series about them by 3Blue1Brown. I made up this quick and dirty Preact project as a visual help and interactive aid.

Implementation

The implementation is quite simple - as it should be. It uses Preact.

How to use

You can spawn different grid sizes up to 64x64, after that I find my browser starts slowing down (so many buttons). Randomize will completely randomize the grid. Codify sets the parity bits. Highlight/unhighlight parity just highlights the parity bits in green. Check error does error-detection/correction (or hints at correction (red)).

Conclusion

There isn’t much else to say. Just a quick day project that I found pretty fun to play around with!

The source code is available on Gitlab as linked to above.

This project is licensed under the GPLv3.