About

What is this?

It's a website. Particularly, it's one that contains visual, dynamic, and often interactive descriptions of concepts described in Digital Image Processing, by Gonzalez and Woods.

These are made by someone who is learning the concepts as they are creating the visualizations. As such, it's possible they're wrong. Caveat emptor.

WHY is this?

Generally, I find I learn better and more deeply through synthesis. I also like to do some creative work, and this scratches that itch.

How was it made?

Poorly, cobbled together from many things. For the dynamic bits, JavaScript - namely, the D3.js library. I've also used the SvelteKit framework to help with templating, routing, and user-interface stuff, taking inspiration from the venerable pudding.cool. Also, some Python to do static/cached image processing. And, of course, sloppily but lovingly hand-crafted HTML/(Sassy) CSS. It's hosted using Netlify, and the source is available on codeberg here. The rest is spit and glue.

There are a lot of great resources I used for learning that I'd like to shine a light on:

• Digital Image Processing (4th Edition). I've found the text to be quite good, though in my opinion the exercises, their answers, and the DRM surrounding them are a little miserable.

• D3 in Depth. D3 has been around since 2011, and many resources are out of date. This is a fairly comprehensive resource that covers v6 and v7 (current as of writing).

• SVG-tutorial. Dynamic, visual tutorials for learning the basics of SVGs. Not only a great resource for the content, but also pedagogical techniques.

Who made it?

Me, Kai. I'm (ostensibly) a bioinformatics postdoc with experience mainly in the biological sciences. When I was three I split my head running into a corner, which explains...everything.