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

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



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



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

BirdEye

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

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

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



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



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



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




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



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



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



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



JFreeChart
可創(chuàng)建例如條形圖(bar charts)，曲線圖(line charts)， 餅圖(pie charts)， 時(shí)間序列(time series charts)，燭臺(tái)圖表（candlestick charts,表示當(dāng)日成交價(jià)格幅度以及開盤及收盤價(jià)格的圖表）,
盤 高/盤低/開盤/收盤圖表(high/low/open/close charts),wind plots, 儀表(meter charts).希望這些圖表更加開箱即用.因?yàn)閷傩院凸δ芏挤浅０? 但視覺設(shè)計(jì)確實(shí)削弱了圖表(but the visual design really detracts from the graphs).



JQuery Plugins
許多JQuery圖表插件： 

Visualize     by the Filament GroupJQChartFlotSparklinesTufteGraph


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



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


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



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



OpenFlash Charts
開源Flash圖表組件.



PlotKit
PlotKit是個(gè)JavaScript圖表及繪圖庫(kù).支持HTML Canvas, 并通過(guò)Adobe SVG Viewer及瀏覽器原生接口支持SVG



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


Silverlight
Microsoft Silverlight帶有條形(bar), 曲線(line),餅狀圖 (pie), 柱形(column), 和散點(diǎn)圖(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ò)及圖表可視化組件.
無(wú)與倫比的自動(dòng)圖表布局，先進(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