【Mermaid】矢印をアニメーション化する方法

矢印をアニメーション化する

以下のように記述すると矢印がアニメーション化されます。

flowchart TD
  A["Client"] r1@-->|Request| B["Ingress"]
  r1@{ animate: true }

アニメーションの速度を指定

アニメーションを遅くする場合には以下のように記述します。

flowchart TD
  A["Client"] r1@-->|Request| B["Ingress"]
  r1@{ animation: slow }

アニメーションを速くするには以下のように記述します。

flowchart TD
  A["Client"] r1@-->|Request| B["Ingress"]
  r1@{ animation: fast }

参考