A graded group is a graded Z module. In other words, the entities are simply abelian groups.
By definition, a homomorphism between two graded modules is a sequence of homomorphisms that are applied per module. If Ai and Bi are corresponding members of two graded modules A and B, and f maps A into B, then there is a module homomorphism fi mapping Ai into Bi. This is just a sequence of functions from a sequence of modules into a sequence of modules, but there is a catch. The diagram must commute. Going from A7 to A8 to B8 (through f8) is the same as going from A7 to B7 (through f7), and down to B8.
It is sometimes convenient to arrange the graded modules vertically, so that A becomes a column of modules and B becomes a column of modules. Unlike the y axis, the indices increase as you move down the page. Thus A8 is below A7. This lets the internal homomorphisms flow down, which is our convention.
With A and B arranged as two vertical columns, f becomes the rungs of the ladder. All the rungs taken together, the entire collection of fi, forms f, the homomorphism between the two graded modules. and each square of the ladder forms a commutative diagram. We can go over and down, or down and over.
If you like category theory, review the definition of a graded category. Graded modules, with there parallel homomorphisms, is just one example of a graded category.
Sometimes the graded modules are all chains. (This is a subcategory of the one described above.) As you move down the page, the image of each module lies in the kernel of the next. Sometimes the graded modules are exact, whence the image equals the kernel.
A chain of chains places images inside kernels, whether you move down or across.
If the middle column is a chain, the left and right columns are also chains. Given x in Bi, take two steps down and find 0, which becomes 0 as you move to the left or right. Thus going two steps down from Ai, or from Ci, yields 0, and A and C are chains.