d3.js用于显示工作流运行时状态

Question

我们期待以图形方式描绘正在运行的工作流程的状态.例如,在下面的屏幕截图中,呈现了工作流的运行时状态.活动下方的小绿框表示活动已处理完毕 -

我需要为工作流系统实现类似的东西.用户需要查看工作流的运行时状态(流中的所有活动)以及已完成的活动.

我希望使用D3 Visualization API来实现这一目标.我有几个问题 -

1. 它是免费的还是需要许可证？
2. 可以在D3中实现这样的事情吗？我在看这些例子,但找不到类似的东西

https://github.com/mbostock/d3/wiki/Gallery

3. 任何其他更适合此类要求的API

谢谢你的期待.

Answer 1

我有类似的要求,我能够使用d3制作这样的图表:

你可以在这里找到相同的代码.

在这里我使用自举面板作为每个州的内容,我们可以通过调整一些代码来改变框的位置和箭头的方向来满足您的要求.

如果需要,我可以帮助您进一步修改代码.

希望这可以帮助 :) .

Answer 2

您应该意识到，与Highcharts不同，D3 不是图形或可视化的集合。它是一个库（就像 jQuery），允许您从头开始创建所述可视化效果。

现在，回答您的问题：

1. 是免费的还是需要许可证

   正如d3js.org底部所述：

   库是在BSD 许可证下发布的。版权所有 2013迈克·博斯托克。

   维基百科关于 BSD 3 条款许可证的文章指出：

   只要保留其版权声明和许可的免责声明，该版本就允许出于任何目的无限制地重新分发。该许可证还包含一项条款，限制在未经特定许可的情况下使用贡献者姓名来认可衍生作品。

2. 这样的事情在D3中能实现吗？我正在查看示例，但找不到类似的内容

   是的，这是可以实现的。您可能会在这个有向图编辑器示例中找到一些灵感。

3. 任何其他更适合此类需求的 API

   对于简单的情况，D3 本身就足够了。