| Info |
|---|
The demo shown below was taken from the official Mermaid documentation. |
| Confluence mermaid macro |
|---|
| download | true |
|---|
| searchText | title TCP Packet packet beta 15 Source Port 16 31 Destination Port 32 63 Sequence Number 64 95 Acknowledgment Number 96 99 Data Offset 100 105 Reserved 106 URG 107 ACK 108 PSH 109 RST 110 SYN 111 FIN 112 127 Window 128 143 Checksum 144 159 Urgent Pointer 160 191 Options and Padding 192 255 Data variable length |
|---|
| download | true |
|---|
| fullscreen | true |
|---|
| panZoom | true |
|---|
| zoom | |
|---|
| theme | default |
|---|
| disableUseMaxWidth | |
|---|
| copy | true |
|---|
| exportWidth | |
|---|
| height | |
|---|
|
[{"body":"block-beta\n columns 3\n Start((\"Start\")) space:2\n down<[\" \"]>(down) space:2\n Decision{{\"Make Decision\"}} right<[\"Yes\"]>(right) Process1[\"Process A\"]\n downAgain<[\"No\"]>(down) space r3<[\"Done\"]>(down)\n Process2[\"Process B\"] r2<[\"Done\"]>(right) End((\"End\"))\n\n style Start fill:#969;\n style End fill:#696;","date":1726151451688},{"body":"---\ntitle: \"TCP Packet\"\n---\npacket-beta\n0-15: \"Source Port\"\n16-31: \"Destination Port\"\n32-63: \"Sequence Number\"\n64-95: \"Acknowledgment Number\"\n96-99: \"Data Offset\"\n100-105: \"Reserved\"\n106: \"URG\"\n107: \"ACK\"\n108: \"PSH\"\n109: \"RST\"\n110: \"SYN\"\n111: \"FIN\"\n112-127: \"Window\"\n128-143: \"Checksum\"\n144-159: \"Urgent Pointer\"\n160-191: \"(Options and Padding)\"\n192-255: \"Data (variable length)\"","date":1726151473930}] |
...
| Confluence prism macro |
|---|
| lineNumbers | true |
|---|
| showPreviews | true |
|---|
| downloadFilename | QuadrantChartPacketDiagram.mmd |
|---|
| showInvisibles | |
|---|
| lineHighlight | |
|---|
| language | Mermaid |
|---|
| lineNumbersStart | |
|---|
| dialogTitle | Packet diagram |
|---|
| limitHeight | |
|---|
| height | |
|---|
| clickableLinks | |
|---|
|
---
title: "TCP Packet"
---
packet-beta
0-15: "Source Port"
16-31: "Destination Port"
32-63: "Sequence Number"
64-95: "Acknowledgment Number"
96-99: "Data Offset"
100-105: "Reserved"
106: "URG"
107: "ACK"
108: "PSH"
109: "RST"
110: "SYN"
111: "FIN"
112-127: "Window"
128-143: "Checksum"
144-159: "Urgent Pointer"
160-191: "(Options and Padding)"
192-255: "Data (variable length)" |
...
👉 Check out the official Mermaid documentation here https://mermaid.js.org/syntax/packet.html.