使用非图像输出在HTML / JavaScript中创建交互式序列图

Question

我想在HTML / JavaScript页面上创建序列图的表示。我希望可视化是互动的。例如。我希望能够单击图中的每个对象/生命线/等，并查看实际的源代码。但是，我找到的用于生成序列图的所有工具和库都会返回一个当然无法编辑或交互的图像。有没有人知道我可以使用的库让我可以访问序列图的内部元素，并允许我将它们扩展为对象或HTML元素？

由于

PS。表示也可以由Java完成。我只是觉得使用JavaScript显示我想要的功能会更容易，但我也很欣赏有关Java的答案！

Answer 1

JS Sequence Diagrams听起来很合适;它直接在页面上呈现为SVG。