使用非圖像輸出在HTML / JavaScript中創建交互式序列圖

Question

我想在HTML / JavaScript頁面上創建序列圖的表示形式。 我希望可視化是交互式的。 例如，我希望能夠單擊圖中的每個對象/生命線/等，並查看實際的源代碼。 但是，我發現的用於生成序列圖的所有工具和庫都返回一個圖像，該圖像當然不能編輯或與之交互。 有誰知道我可以使用的庫，讓我可以訪問序列圖的內部元素，並可以將它們擴展為對象或HTML元素嗎？

謝謝

PS。 表示也可以由Java進行。 我只是認為使用JavaScript展示想要的功能會更容易，但是我也很感謝有關Java的答案！

Answer 1

JS序列圖聽起來很合適； 它直接呈現在頁面上的SVG中。