The simplest possible example with just two actors exchanging messages
Original D2 Sequence Diagram
shape: sequence_diagram
client: Client
server: Server
client -> server: Request
server -> client: Response
Generated D2 Code - Default
# Command: ./seq2boxes sequence.d2
vars: {
d2-config: {
theme-id: 0
}
}
direction: right
"Client" -> "Server": "1. Request" {
style.stroke: "#2196f3"
}
"Server" -> "Client": "2. Response" {
style.stroke: "#4caf50"
style.stroke-width: 2
}
Generated D2 Code - Simple Arrows
# Command: ./seq2boxes --arrows simple sequence.d2
vars: {
d2-config: {
theme-id: 0
}
}
direction: right
"Client" <-> "Server"
Generated D2 Code - Dark Theme
# Command: ./seq2boxes --theme dark-mauve sequence.d2
vars: {
d2-config: {
theme-id: 0
}
}
direction: right
"Client" -> "Server": "1. Request" {
style.stroke: "#2196f3"
}
"Server" -> "Client": "2. Response" {
style.stroke: "#4caf50"
style.stroke-width: 2
}