Skip to content
Astro D2

Advanced

The Astro D2 integration can be used to create advanced diagrams:

src/content/docs/example.md
```d2
network: {
  cell tower: {
    satellites: {
      shape: stored_data
      style.multiple: true
    }


    transmitter


    satellites -> transmitter: send
    satellites -> transmitter: send
    satellites -> transmitter: send
  }


  online portal: {
    ui: {shape: hexagon}
  }


  data processor: {
    storage: {
      shape: cylinder
      style.multiple: true
    }
  }


  cell tower.transmitter -> data processor.storage: phone logs
}


user: {
  shape: person
  width: 130
}


user -> network.cell tower: make call
user -> network.online portal.ui: access {
  style.stroke-dash: 3
}


api server -> network.online portal.ui: display
api server -> logs: persist
logs: {shape: page; style.multiple: true}


network.data processor -> api server
```

The above code block taken from the D2 documentation will be rendered as the following diagram:

Diagram