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

Question

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

謝謝

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

Answer 1

JS Sequence Diagrams聽起來很合身;它直接呈現在頁面上的SVG中。