我們當(dāng)前正與多家客戶合作, 都是關(guān)于Web應(yīng)用(重新)設(shè)計.所有客戶都有富數(shù)據(jù)應(yīng)用并且急需數(shù)據(jù)可視化以幫助他們的終端用戶快速有效的分析數(shù)據(jù).
有趣的是這些客戶處于不同的行業(yè)并使用彼此不同的技術(shù).于是我們收集了28種可視化工具來創(chuàng)建圖形(graphs), 甘特圖(Gantt charts),圖表制作(diagrammers), 日程表(calendars)/調(diào)度表(schedulers),計量表(gauges), 測繪(mapping), 數(shù)據(jù)透視表(pivot tables),OLAP多維數(shù)據(jù)集(OLAP cubes),趨勢線(sparklines),這些工具由Flash, Flex, Ajax 或Silverlight這幾種技術(shù)實現(xiàn)的.

Ajax.org
Ajax.org平臺是純javascript應(yīng)用框架,可用來創(chuàng)建運行在瀏覽器中的實時協(xié)作應(yīng)用.



AnyChart
AnyChart是個靈活的基于Flash的解決方案,能創(chuàng)建美觀可交互的flash圖表.



Axiis
Axiis 是用于FLEX的數(shù)據(jù)可視化框架。設(shè)計簡潔且為模塊化架構(gòu)，易于開發(fā)和設(shè)計人員
創(chuàng)建極具吸引力的數(shù)據(jù)可視化解決方案。
另外，推薦看下saturnboy博客上漂亮的設(shè)計：

BirdEye

BirdEye是個社區(qū)項目， 目的是為ADOBE FLEX框架增強設(shè)計及推動完全開源的信息可視化及可視化分析庫的發(fā)展?；?/span>Actionscript語言的類庫可幫助用戶分析和展示信息，同時創(chuàng)建多維數(shù)據(jù)可視化界面

Degrafa
Degrafa是一種宣告式圖形框架(declarative graphics framework)，可用于創(chuàng)建富用戶界面， 數(shù)據(jù)可視化， 制圖， 圖形編輯等。

Dojo 1.3增加了dojox.charting類。將圖表與數(shù)據(jù)存儲綁定。



Chronoscope
如果你需要顯示含有成千上萬個點的數(shù)據(jù)，那來試試這個吧。設(shè)計得非常好，可以用鼠標(biāo)或鍵盤導(dǎo)航。有JavascriptAPI，Google Visualization API，也可以在Google Spreadsheets, iGoogle, 或 Open Social中試用



Dundas
Dundas有著一系列Microsoft技術(shù)的數(shù)據(jù)可視化解決方案。他們提供許多數(shù)據(jù)可視化工具， 包括：.net的圖表(Chart)，計量表(Gauge)， 地圖(Map)及日程表(Calendar)， 用Silverlight實現(xiàn)的儀表盤(Dashboard)



ExtJs
Ext JS是跨瀏覽器的JavaScript庫，可用于創(chuàng)建富互聯(lián)網(wǎng)應(yīng)用?，F(xiàn)已將圖表組件包含在內(nèi)。




Flex內(nèi)建的圖表組件：區(qū)域圖(area),條形圖(bar) 泡泡圖(bubble), 燭臺圖表(candlestick), 柱形圖(column), HLOCC, 曲線圖(Line), 餅圖(Pie), Plot圖, 了解一下這篇教程就可以使用這些樣式漂亮且?guī)в刑匦У膱D表組件了。
Flex使用的FXG， 是Adobe開發(fā)的一種圖形交換格式，在許多方面都和 SVG相似。James Whittaker寫了一篇關(guān)于FXG和Degrafa的精彩文章。如果你在用Flex， 絕對要入手CreatingVisual Experiences with Flex 3.0.這本書。



FlexMonsterPivot Table and Charts
Flexmonster提供Flex/Flash數(shù)據(jù)透視表(Pivot table)組件的RIA開發(fā)服務(wù)。



FusionCharts
用于Web應(yīng)用的flash動畫圖表。



GoogleChart API
Google Chart API, 可動態(tài)生成圖表。



gRapha?l
gRapha?l是個Javascript庫, 能在網(wǎng)站上創(chuàng)建令人驚嘆的圖表。



iLogExlixir
用于Flex和AIR的高級數(shù)據(jù)可視化組件.( IBM ILOG Elixir)



JFreeChart
可創(chuàng)建例如條形圖(bar charts)，曲線圖(line charts)， 餅圖(pie charts)， 時間序列(time series charts)，燭臺圖表（candlestick charts,表示當(dāng)日成交價格幅度以及開盤及收盤價格的圖表）,
盤 高/盤低/開盤/收盤圖表(high/low/open/close charts),wind plots, 儀表(meter charts).希望這些圖表更加開箱即用.因為屬性和功能都非常棒, 但視覺設(shè)計確實削弱了圖表(but the visual design really detracts from the graphs).



JQuery Plugins
許多JQuery圖表插件： 

Visualize     by the Filament GroupJQChartFlotSparklinesTufteGraph


JPowered
使用該PHP繪圖腳本易于在PHP應(yīng)用程序及HTML頁面中嵌入動態(tài)生成的圖形。希望能在CSS輔助下使其有更好的表現(xiàn)。之后我會寫篇文章介紹如何使圖表更加美觀。



JSCharts
JS Charts是JavaScript圖表生成組件， 只需編寫少量代碼或者跟本不需要代碼。易于創(chuàng)建支持不同模板的圖表,如條形圖(bar charts), 餅狀圖(pie charts) 或簡單的曲條圖
(simple line graphs)


KapIT Labs Diagrammer and Visualizer
Kap Lab's Diagrammer提供了支持Adobe Flex及Air的數(shù)據(jù)可視化及圖表組件，這些組件可直接使用且同時支持高度自定義多布局。Visualizer更好的將數(shù)據(jù)用圖形表現(xiàn)出來.



MilkChart
簡單易用,在表數(shù)據(jù)(table data)轉(zhuǎn)換為圖表顯示方面很強大.
該庫使用HTML5<canvas>標(biāo)簽,支持IE以外其他瀏覽器,除非ExCanvas能被更好的支持.



OpenFlash Charts
開源Flash圖表組件.



PlotKit
PlotKit是個JavaScript圖表及繪圖庫.支持HTML Canvas, 并通過Adobe SVG Viewer及瀏覽器原生接口支持SVG



Protovis
Protovis通過使用例如條形及點等簡單標(biāo)記將自定義數(shù)據(jù)視圖組合起來.與低級繪圖庫不同, Protovis不會那么單調(diào). Protovis可以通過動態(tài)屬性定義標(biāo)記.這些屬性通過對數(shù)據(jù)編碼,繼承,形變及布局以簡化結(jié)構(gòu)


Silverlight
Microsoft Silverlight帶有條形(bar), 曲線(line),餅狀圖 (pie), 柱形(column), 和散點圖(scatter charts)



Telerik Charts forSilverlight, WFP, ASP.NET
Telerik Charts提供了豐富的功能和數(shù)據(jù)展現(xiàn)能力.



VisiFire
Visifire是一套開源的數(shù)據(jù)可視化控件. - powered byMicrosoft? Silverlight? & WPF. 




yFiles forAjax , .NET or Flex
yFiles產(chǎn)品系列是最優(yōu)秀的網(wǎng)絡(luò)及圖表可視化組件.
無與倫比的自動圖表布局，先進(jìn)的圖形分析，非凡的可視化. [譯者:看得出作者很中意這款產(chǎn)品 J ]



附加資源

The Three Laws of Great GraphsMany EyesInfo Design Patterns- Awesome, awesome site by Christian Behrens. Hint-click all the check boxes on the left to get started.Tom Gonzale's blogform-functionDegrafa BlogInformation Dashboard Design: The Effective Visual Communication of Data by Stephen FewJunkChartsChart Junk- a UI Anti-PatternCreating Visual Experiences with Flex 3.0. by Juan Sanchez and Andy McIntoshDesigning Web Interfaces:Principles and Patterns for Rich Interactions by Bill Scott and Theresa Neil