Diagrams on my pathfinding pages

My A* pages have some diagrams on them that look like this:

Colorful! Pretty! But what do the colors actually mean?

Labels: ,