Open20
mermaidのグラフの矢印を直角直線にしたい
podhmo描画の依存関係
podhmoおそらくd3
podhmopackages配下にあるとか教えてほしいよな…
podhmoパーサーとランタイムは別っぽい
podhmoフローチャートはこの辺？
podhmoエントリーポイントはどこなんだろ？どこかでparser呼んでrenderer読んでるイメージ。
podhmo何かrendererが2つある
- packages/mermaid/src/diagrams/flowchart/flowRenderer.js
- packages/mermaid/src/diagrams/flowchart/flowRenderer-v2.js
たぶんv2が使われてる
podhmoもとに戻ってエントリーポイントを探すか。
このrender付近っぽい。
どうやらmermaidAPIというのがファサードっぽい。
parseもあった
podhmoエントリーポイント探しという意味ではinitialize()っぽいな。
<body>
<script type="module">
import mermaid from 'https://cdn.jsdelivr.net/npm/mermaid@10/dist/mermaid.esm.min.mjs';
mermaid.initialize({ startOnLoad: true });
</script>
</body>
addDiagramsでそれぞれの図を追加している。
あとはやっぱりfreezeされてるmermaidAPIのparseとrenderを見れば良いのだろう。
podhmoやっぱり描画はrenderの中で行われていてrendererのdrawが呼ばれてるんだな。
flowchartだとこの辺か。
podhmoワークアラウンド
flowchartだけは対応できるみたい。
podhmoIt looks using
d3module to draw graph. So I tried wheter otherd3curves may work, and found otherd3curve names are available without any Mermaid.js lib modification.Curves
step,stepBeforeandstepAfterare close, but no cigar. It would need more work :(
| F[Car]
C --> G([curve = stepAfter])