# Mermaid Paketdiagramm-Spickzettel

Die Bits eines Netzwerkpakets, Feld für Feld.

## Die Bitbereiche benennen

Ein Feld sind die Bits, die es abdeckt, und sein Name in Anführungszeichen. Die Bereiche müssen aneinander anschließen.

```mermaid
packet-beta
  0-15: "Source port"
  16-31: "Destination port"
  32-63: "Sequence number"
```

![Ein Paket aus drei Feldern in einer Reihe: „Source port“ über den Bits 0 bis 15, „Destination port“ über 16 bis 31 und „Sequence number“ über 32 bis 63.](/diagrams/packet/fields.svg)

## Die Bits stattdessen zählen

Ein Plus und eine Zahl sagen, wie breit das Feld ist, und es beginnt, wo das vorherige endete.

```mermaid
packet-beta
  +8: "Version"
  +8: "Flags"
  +16: "Payload"
```

![Ein Paket aus drei Feldern in einer Reihe, beschriftet mit „Version“, „Flags“ und „Payload“, mit den Bitnummern oben entlang.](/diagrams/packet/bits.svg)

## In Mernyx zeichnen

Öffne eine .mmd-Datei, verschiebe einen Knoten auf der Canvas, und der Quellcode kommt mit. Nativ auf macOS, ohne Browser dazwischen.