php - データベースから接続の詳細を取得した後の Web サイト上のクライアントとサーバーの接続のグラフィカルな表現

Question

一部のサーバーとクライアントのデータがあります。クライアントは、異なるサーバーからいくつかの共有を使用しています。ここで、データを次の形式にします。

Client   Share         Server
C1       Share S1A       S1
C1       Share S1B       S1
C2       Share S1B       S1
C2       Share S2B       S2
C2       Share S2A       S2
C3       Share S2B       S2

上記のデータはMySqlのテーブルにあり、PHPベースのWebサイトがあります。クライアントとサーバー間の接続を示すグラフィカルな表現を Web サイトに表示したいと考えています。現在、このテーブルは変更可能であり、表現は動的である必要があります。

クライアントからサーバーへの各接続は、関連する共有のリストを表示する必要があります。C1 と S1 を結ぶ線のようにクリックすると、Share S1A、Share S1B のリストを表示するタブ、ボックス、またはホバー ツールボックスが表示されます。