YAML Reference

name: "Network Diagram"
description: "Optional description"

settings:
  # グラフ設定

subgraphs:
  # サブグラフ（グループ）定義

nodes:
  # ノード（機器）定義

links:
  # リンク（接続）定義

settings:
  direction: TB          # レイアウト方向
  theme: light           # テーマ
  legend: true           # 凡例を表示
  nodeSpacing: 50        # ノード間隔
  rankSpacing: 100       # 階層間隔
  subgraphPadding: 20    # サブグラフ内余白
  canvas:                # キャンバス設定
    preset: A4
    orientation: landscape
    width: 1920
    height: 1080
    dpi: 150
    fit: true
    padding: 20

# シンプル（デフォルト位置: 右上）
legend: true

# 詳細設定
legend:
  enabled: true
  position: top-right      # 位置
  showDeviceTypes: true    # デバイスタイプを表示
  showBandwidth: true      # 帯域幅を表示
  showCableTypes: true     # ケーブルタイプを表示
  showVlans: true          # VLANを表示

nodes:
  - id: router-1
    label: "Router 1"
    type: router
    shape: rounded
    parent: subgraph-id
    rank: 1
    vendor: yamaha
    model: rtx3510
    style:
      fill: "#ffffff"
      stroke: "#000000"
      strokeWidth: 2
      strokeDasharray: "5 5"
      textColor: "#333333"
      fontSize: 12
      fontWeight: bold
      opacity: 1.0

label: "Single line"

label:
  - "<b>Bold title</b>"
  - "Line 2"
  - "---"           # 区切り線
  - "Line 3"

vendor: yamaha
model: rtx3510

vendor: aws
service: ec2
resource: instances

links:
  # シンプル形式
  - from: router-1
    to: switch-1

  # ポート指定
  - from:
      node: router-1
      port: eth0
      ip: 192.168.1.1
    to:
      node: switch-1
      port: ge-0/0/0

  # フル指定
  - id: link-1
    from: router-1
    to: switch-1
    label: "10G Uplink"
    type: solid
    arrow: none
    bandwidth: 10G
    redundancy: mlag
    vlan: [10, 20, 30]
    style:
      stroke: "#2196F3"
      strokeWidth: 2
      strokeDasharray: "5 5"
      opacity: 1.0
      minLength: 100

# 単一 VLAN
vlan: 10

# 複数 VLAN（トランク）
vlan: [10, 20, 30]

subgraphs:
  - id: datacenter
    label: "Data Center"
    parent: null          # ルートレベル
    direction: LR         # 内部レイアウト方向
    vendor: aws
    service: vpc
    style:
      fill: "#f0f8ff"
      stroke: "#0072bc"
      strokeWidth: 2
      strokeDasharray: "5 5"
      labelPosition: top
      labelFontSize: 14
      padding: 20
      nodeSpacing: 50
      rankSpacing: 100

  - id: rack-1
    label: "Rack 1"
    parent: datacenter    # ネスト

# main.yaml - 親ファイル
name: "Multi-Site Network"

subgraphs:
  - id: headquarters
    label: "Headquarters"
    file: "./headquarters.yaml"   # 外部ファイル参照
    style:
      fill: "#e3f2fd"
      stroke: "#1565c0"

  - id: branch
    label: "Branch Office"
    file: "./branch.yaml"
    style:
      fill: "#e8f5e9"
      stroke: "#2e7d32"

links:
  # サブグラフを跨ぐリンクはデバイスを直接参照
  - from:
      node: hq-router      # headquarters.yaml 内のデバイス
      port: wan1
    to:
      node: branch-router  # branch.yaml 内のデバイス
      port: wan1
    label: "Site-to-Site VPN"
    type: dashed

# headquarters.yaml - 子ファイル
name: "Headquarters Network"

nodes:
  - id: hq-router
    label: "HQ-Router"
    type: router

  - id: hq-switch
    label: "HQ-Switch"
    type: l3-switch

links:
  - from: { node: hq-router, port: lan1 }
    to: { node: hq-switch, port: uplink }
    bandwidth: 10G

subgraphs:
  - id: site-tokyo
    label: "Tokyo DC"
    file: "./sites/tokyo.yaml"

links:
  - from:
      node: tokyo-router    # tokyo.yaml 内のデバイス
      port: wan1
    to:
      node: osaka-router    # osaka.yaml 内のデバイス
      port: wan1
    label: "WAN Link"
    bandwidth: 10G

name: "Enterprise Network"
description: "本社ネットワーク構成図"

settings:
  direction: TB
  theme: light

subgraphs:
  - id: edge
    label: "Edge Layer"
    style:
      fill: "#fff5f5"
      stroke: "#d4a017"

  - id: core
    label: "Core Layer"
    style:
      fill: "#f0fff0"
      stroke: "#228b22"

nodes:
  - id: rt-01
    label:
      - "<b>RT-01</b>"
      - "192.168.1.1"
    type: router
    vendor: yamaha
    model: rtx3510
    parent: edge

  - id: sw-core-01
    label: "<b>SW-CORE-01</b>"
    type: l3-switch
    vendor: juniper
    model: ex4100-24mp
    parent: core

links:
  - from:
      node: rt-01
      port: lan1
    to:
      node: sw-core-01
      port: ge-0/0/0
    bandwidth: 10G
    arrow: none