最好的JavaScript庫創建和交互式流程圖

我想創建一個互動的'解決問題'類型的流程圖，由div元素組成。最好的JavaScript庫創建和交互式流程圖

我想這樣做非常相似，紐約時報在這個例子做了什麼......

http://www.nytimes.com/interactive/2012/06/14/us/how-the-supreme-court-could-rule-on-the-health-care-law.html?ref=us

有人建議拉斐爾，所以我一直在學習一點是，它的真棒。

還有其他庫值得考慮嗎？

另外，如果拉斐爾適合這項任務，它是一個廣泛使用的庫？如果我要學習新技能學習受歡迎的代碼對我來說是最有利的，所以我可以將其應用於我獲得的不同工作，而不是一些Ill從未使用過的或沒有人會希望我再次使用的奇特事物。

非常感謝。

來源

2013-03-17 Dale Woods

嘿@戴爾，你定下了什麼？我想知道什麼是可視化「紐約時報」頁面等「交互式決策樹」的東西。我認爲這裏的答案很適合推出我們自己的，但是對於這樣一個常見的東西來說，應該有更多的工具來插入樹數據並開始剝皮。如果不是，你有興趣開發一些開源的東西嗎？我想根據土壤類型，降雨量，酸鹼度，想要種植的作物等來制定一個開始的農民指南，讓新農民輕鬆學習如何預備土壤。 – 2014-08-19 21:47:39

我*討厭*當領主關閉的東西。這是非常有建設性的，霸主，請停止這樣做。 – user1130176 2016-09-07 14:36:59

如果您想深入瞭解數據可視化，請考慮D3JS。網站上有很多很好的示例和教程。

PS：在創建紐約時報邁克·博斯托克目前的作品就我所知;）

來源

2013-03-17 14:32:40

不知道d3js如何適合流程圖。流程圖涉及很多結構，並使用表格數據文件很難。請舉例說明一下嗎？ – AbdealiJK 2016-09-14 13:01:08

我同意Raphael JS庫是強大的。我也可以建議看看ExtJs 4 - 它也有很酷的例子（當然，如果你需要別的東西，不僅僅是圖表）...

來源

2013-03-17 14:59:53 Andron

對於像NYTimes這樣簡單的例子，你從做幾個箭頭的圖像和jquery .slideDown()。它肯定會比使用更大的矢量庫更輕，並且它可以在瀏覽器中以鹽形式工作。

來源

2013-03-17 21:05:57

最好的JavaScript庫創建和交互式流程圖

回答

相關問題