All Edge Types

Visual reference for all TDL edge operators.

Edge Syntax

source->target
source->target:label
source->target|style:name
source->target:label|color:red|width:2

Edge Operators

-> Solid Arrow

Standard solid line with arrowhead.

[edges]
  api->database
  client->server:request

--> Dashed Arrow

Dashed line with arrowhead.


.. Dotted Line

Dotted line without arrowhead.


<-> Bidirectional Solid

Solid line with arrowheads on both ends.


<--> Bidirectional Dashed

Dashed line with arrowheads on both ends.


Quick Reference Table

Operator
Style
Direction
Use Case

->

Solid

One-way

Sync calls, requests

-->

Dashed

One-way

Async, responses

..

Dotted

None

Weak dependency

<->

Solid

Both

Bidirectional sync

<-->

Dashed

Both

Bidirectional async

Edge Labels

Add context with labels:

Edge Styling

Inline Styling

Available Properties

Property
Values
Example

color

Hex or named

color:#3B82F6, color:red

width

Number (1-5)

width:2

dash

Pattern

dash:5,5, dash:10,5,2,5

style

Style name

style:async

Named Styles

Common Patterns

Request/Response

Pub/Sub

Database Operations

Async with Callback

Last updated