How to read diagrams explaining byte structure of network payloads

Question

I am reading this document, and am unable to grasp the diagrams used to explain the byte structure of network payloads.

Taking a specific example:

   Figur