Packet Diagram

Packet diagrams display the structure of network packets or binary data formats, showing bit ranges and field labels.

Syntax Highlighting

Syntax highlighting integrates directly with IntelliJ’s color scheme system, so diagram colors always match your editor theme.

Armada Dark

Islands Dark

Islands Light

IDE Support

Mermaid Studio provides basic support for packet diagrams:

• Syntax highlighting for bit ranges and field names
• Error detection for invalid syntax

Learn More

For complete syntax documentation including row configuration and styling, see the Mermaid.js Packet documentation.