在 HTML / JavaScript 中创建具有非图像输出的交互式序列图

Question

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

谢谢

PS。也可以用 Java 来表示。我只是认为使用 JavaScript 显示我想要的功能会更容易，但我也感谢有关 Java 的答案！

Answer 1

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