The pixels are alive.

What's all this?

I'm working through Digital Image Processing by Gonzalez and Woods, and I find learning through creating/teaching to be useful and engaging.

I thought that image processing could be engaging if presented in a dynamic, interactive way. As such, I've started learning D3.js in parallel.

Here you'll find my attempts. For more information, see about.

Table of Contents

ConceptDescription
Coordinates

Defining, literally, which way is up

Pixel neighborhoods

Definitions for what pixels are 'touching'

Pixel adjacency

A misleading name: Like neighborhoods, but the pixels must have similar 'colors' as well

Beyond the borders

What do we do when we hit the edge of an image?

Pixel intensity

255 shades of gray. Why?