2015-06-14 190 views
1

具體來說,我正在查看JavaScript庫; JavaScript InfoVis ToolkitD3來繪製流程圖和狀態機。流程圖和狀態機

這兩種方法都提供了很多可視化數據的方法。然而,沒有一個例子似乎滿足以下要求(尤其是流程圖)。

要清楚我的意思是這些。

流程圖

Flow Chart

(從來源:http://philosophy.hku.hk/think/strategy/chart.php

  • 具有帶有單一的開始和結束點的分支。
  • 節點和分支上的標籤。
  • 有一個邏輯流佈局(例如沒有隨機定位節點)。
  • 形狀並不重要。

狀態機

Finite State Machine

(來源自:http://www.oracle.com/technetwork/systems/fsm-156381.html)的節點和分支

  • 標籤。
  • 形狀並不重要。

要麼這些庫能夠滿足我的要求?

我的要求是否適合使用這些庫?

乾杯,

+1

[dagre-D3(https://github.com/cpettitt/dagre-d3/wiki)吧? – Mark

+0

不知道爲什麼這是收到密切的選票。這不是一個建議或列表問題。這是一個關於具體框架的具體能力的具體問題,對此將會有答案是肯定的。 –

+0

我已經改寫了這個問題,並刪除了一些無關的細節。希望我會避免第五次近距離投票! –

回答

3

最終去與dagre-d3這是能夠做到的我所需要的一切。