テーブル(TABLE)タグを直線で連結したい。

解決したいこと

添付画像のようなイメージです。

連結させる方法を調べ、
「vue-mermaid」、「vue-simple-flowchart」等がヒットしましたが
やりたい事は表示のみでブラウザー上から画像や線追加はしませんので
もっとシンプルな方法はないでしょうか？

発生している問題・エラー

出ているエラーメッセージを入力

例）

NameError (uninitialized constant World)

または、問題・エラーが起きている画像をここにドラッグアンドドロップ

該当するソースコード

出来ればｃｓｓだけとかシンプルな方法があれば

自分で試したこと

ここに問題・エラーに対して試したことを記載してください。