bigendian2.svg

<svg xmlns="http://www.w3.org/2000/svg" width="809" height="165" viewBox="0 0 809 165">
  <g transform="translate(4.5,0.5)" text-anchor="middle" font-size="14" font-family="sans-serif" font-weight="normal">
    <g transform="translate(0,20)" stroke="black" stroke-width="1" stroke-linecap="round">
      <line x2="800"/>
      <line y2="40"/>
      <line x2="800" y1="40" y2="40"/>
      <line x1="800" x2="800" y2="40"/>
      <line x1="700" x2="700" y2="5"/>
      <line x1="700" x2="700" y1="35" y2="40"/>
      <line x1="600" x2="600" y2="40"/>
      <line x1="500" x2="500" y2="5"/>
      <line x1="500" x2="500" y1="35" y2="40"/>
      <line x1="400" x2="400" y2="40"/>
      <line x1="300" x2="300" y2="5"/>
      <line x1="300" x2="300" y1="35" y2="40"/>
      <line x1="200" x2="200" y2="40"/>
      <line x1="100" x2="100" y2="5"/>
      <line x1="100" x2="100" y1="35" y2="40"/>
    </g>
    <g>
      <g transform="translate(0,20)"/>
      <g transform="translate(50,16)">
        <text>0</text>
        <text x="200">1</text>
        <text x="400">2</text>
        <text x="600">3</text>
      </g>
      <g transform="translate(50,44)">
        <text x="50">
          <tspan>5Ah</tspan>
        </text>
        <text x="250">
          <tspan>01h</tspan>
        </text>
        <text x="450">
          <tspan>01h</tspan>
        </text>
        <text x="650">
          <tspan>D1h</tspan>
        </text>
      </g>
      <g transform="translate(50,80)">
        <text x="50">
          <tspan>delim</tspan>
        </text>
        <text x="250">
          <tspan>cmd(send)</tspan>
        </text>
        <text x="450">
          <tspan>len</tspan>
        </text>
        <text x="650">
          <tspan>reg</tspan>
        </text>
      </g>
    </g>
  </g>
  <g transform="translate(4.5,80.5)" text-anchor="middle" font-size="14" font-family="sans-serif" font-weight="normal">
    <g transform="translate(0,20)" stroke="black" stroke-width="1" stroke-linecap="round">
      <line x2="800"/>
      <line y2="40"/>
      <line x2="800" y1="40" y2="40"/>
      <line x1="800" x2="800" y2="40"/>
      <line x1="700" x2="700" y2="5"/>
      <line x1="700" x2="700" y1="35" y2="40"/>
      <line x1="600" x2="600" y2="40"/>
      <line x1="500" x2="500" y2="5"/>
      <line x1="500" x2="500" y1="35" y2="40"/>
      <line x1="400" x2="400" y2="40"/>
      <line x1="300" x2="300" y2="5"/>
      <line x1="300" x2="300" y1="35" y2="40"/>
      <line x1="200" x2="200" y2="5"/>
      <line x1="200" x2="200" y1="35" y2="40"/>
      <line x1="100" x2="100" y2="5"/>
      <line x1="100" x2="100" y1="35" y2="40"/>
    </g>
    <g>
      <g transform="translate(0,20)">
        <rect style="fill-opacity:0.1" x="0" y="0" width="400" height="40"/>
      </g>
      <g transform="translate(50,16)">
        <text>4</text>
        <text x="300">5</text>
        <text x="400">6</text>
        <text x="600">7</text>
      </g>
      <g transform="translate(50,44)">
        <text x="450">
          <tspan>??h</tspan>
        </text>
        <text x="650">
          <tspan>C3h</tspan>
        </text>
      </g>
      <g transform="translate(50,80)">
        <text x="450">
          <tspan>chksum</tspan>
        </text>
        <text x="650">
          <tspan>e-delim</tspan>
        </text>
      </g>
    </g>
  </g>
</svg>