在線圖形和數據可視化框架

Question

我一直在環顧網絡應用程序和網站，使用豐富的圖形，圖表和數據可視化，並且大部分都能夠確定哪些框架或工具網站正在使用。然而，我正在看'resumup.com'，並不能確定他們正在使用什麼。有誰知道離手或你能告訴？它似乎沒有像我看過的任何JavaScript框架，除非它的自定義......它是某種類型的Flash或Flex框架？任何幫助將不勝感激。

感謝， 馬克斯

Answer 1

我提前道歉不能夠超鏈接的一切。 StackOverflow對我可以放在這裏的鏈接數量設置了限制。不得不將9個鏈接縮小到2.

我對ResumUP不太熟悉，所以我不能直接對此說話。雖然，因爲它在Facebook上，我的猜測是，它幾乎可以肯定地使用自制的，基於JavaScript的可視化代碼。

從廣義上講，整個網絡以及您的文章的第一部分，D3正在成爲基於Web的可視化（尤其是那些交互式）最流行的選項。您可能看到的D3的一個例子是The New York Times' 2013 budget visualization（以及關於此事的大多數其他交互式可視化）。然而，D3不僅僅能夠進行可視化。比較紐約時報的例子和Visual.ly的Inequality In America網站，這也是使用D3製作的。

對於更多基本的可視化效果（如條形圖），許多公司都提供用於創建可視化的API，如Google的Chart Tools。甚至更多不使用任何工具包。以Fernanda Viegas & Martin Wattenberg爲例。顯示內戰可視化的This website僅取決於jQuery的JavaScript代碼（以及Google Maps API）。其他框架包括但不限於Protovis（我會用D3代替），processing.js和其他無數其他框架。

我不確定你是否有製作基於網絡的可視化工具的計劃，但如果你這樣做，我強烈推薦使用D3。有一點學習曲線，但它會讓你從數據的角度思考可視化，這隻能幫助你提高最終產品的質量。作爲一個額外的好處，D3就其如何處理可視化創建而言是更好的工具包之一。如何在D3中創建和組合視覺原語是很自然的。不完美，但絕對比大多數替代品更好。

最後，在可視化之上，互聯網上充滿了信息圖表（請參閱Visual.ly的博客中的示例）。雖然這些理論上可以使用D3等框架，但它們更可能不是用Adobe Illustrator製作，保存爲圖像，然後上傳。