@startuml title {{ digraph foo { b [shape=none, margin=0 label=<<table border='0' cellborder='1' cellspacing='0'> <tr> <td>7</td> <td>Application Layer</td> <td>Length</td> <td>To</td> <td>From</td> <td>Segment</td> <td>Port</td> <td>Public Key</td> <td>Metadata</td> <td>Encrypted Raw Data</td> <td>CRC</td> </tr> <tr> <td>6</td> <td>Presentation Layer</td> <td>Length</td> <td>To</td> <td>From</td> <td>Segment</td> <td>Port</td> <td>Public Key</td> <td colspan="2">Encrypted Raw Data</td> <td>CRC</td> </tr> <tr> <td>5</td> <td>Session Layer</td> <td>Length</td> <td>To</td> <td>From</td> <td>Segment</td> <td>Port</td> <td>Public Key</td> <td colspan="2">Raw data</td> <td>CRC</td> </tr> <tr> <td>4</td> <td>Transport Layer</td> <td>Length</td> <td>To</td> <td>From</td> <td>Segment</td> <td>Port</td> <td colspan="3">Raw data</td> <td>CRC</td> </tr> <tr> <td>3</td> <td>Network Layer</td> <td>Length</td> <td>To</td> <td>From</td> <td colspan="5">Raw data</td> <td>CRC</td> </tr> <tr> <td>2</td> <td>Datalink Layer</td> <td>Length</td> <td colspan="7">Raw data</td> <td>CRC</td> </tr> <tr> <td>1</td> <td>Physical Layer</td> <td>Length</td> <td colspan="8">Raw data</td> </tr> </table>> ]; } }} end title @enduml
Decode URL
Submit
amiga
aws-orange
black-knight
bluegray
blueprint
cerulean-outline
cerulean
crt-amber
crt-green
cyborg-outline
cyborg
hacker
lightgray
mars
materia-outline
materia
metal
mimeograph
minty
plain
reddress-darkblue
reddress-darkgreen
reddress-darkorange
reddress-darkred
reddress-lightblue
reddress-lightgreen
reddress-lightorange
reddress-lightred
sandstone
silver
sketchy-outline
sketchy
spacelab
spacelab-white
superhero-outline
superhero
toy
united
vibrant
Pure Javascript
PNG
SVG
ASCII Art