我們當(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.orgAjax.org
平臺是純javascript應(yīng)用框架,
可用來創(chuàng)建運行在瀏覽器中的實時協(xié)作應(yīng)用.
AnyChartAnyChart
是個靈活的基于Flash
的解決方案,
能創(chuàng)建美觀可交互的flash圖表.
AxiisAxiis
是用于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ù)可視化界面
DegrafaDegrafa是一種宣告式圖形框架(declarative graphics framework),可用于創(chuàng)建富用戶界面, 數(shù)據(jù)可視化, 制圖, 圖形編輯等。
Dojo 1.3增加了dojox.charting類。將圖表與數(shù)據(jù)存儲綁定。
Chronoscope如果你需要顯示含有成千上萬個點的數(shù)據(jù),那來試試這個吧。設(shè)計得非常好,可以用鼠標(biāo)或鍵盤導(dǎo)航。有
Javascript
API,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)
ExtJsExt 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 ChartsFlexmonster提供Flex/Flash數(shù)據(jù)透視表(Pivot table)組件的RIA開發(fā)服務(wù)。
FusionCharts
用于Web應(yīng)用的flash
動畫圖表。
GoogleChart APIGoogle 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, 儀表(metercharts).希望這些圖表更加開箱即用.因為屬性和功能都非常棒, 但視覺設(shè)計確實削弱了圖表(but the visual designreally detracts from the graphs).
JQuery Plugins許多JQuery圖表插件:
Visualize by the Filament Group
JQChartFlotSparklinesTufteGraphJPowered使用該PHP繪圖腳本易于在PHP應(yīng)用程序及HTML頁面中嵌入動態(tài)生成的圖形。希望能在CSS輔助下使其有更好的表現(xiàn)。之后我會寫篇文章介紹如何使圖表更加美觀。
JSChartsJS Charts是JavaScript圖表生成組件, 只需編寫少量代碼或者跟本不需要代碼。易于創(chuàng)建支持不同模板的圖表,如條形圖(bar charts), 餅狀圖(pie charts) 或簡單的曲條圖
(simple line graphs)
KapIT Labs Diagrammer and VisualizerKap 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.NETTelerik Charts提供了豐富的功能和數(shù)據(jù)展現(xiàn)能力.
VisiFireVisifire是一套開源的數(shù)據(jù)可視化控件. - powered byMicrosoft? Silverlight? & WPF.
yFiles forAjax , .NET or FlexyFiles產(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 blog
form-functionDegrafa BlogInformation Dashboard Design: The Effective Visual Communication of Data by Stephen Few
JunkChartsChart Junk- a UI Anti-PatternCreating Visual Experiences with Flex 3.0. by Juan Sanchez and Andy McIntosh
Designing Web Interfaces:Principles and Patterns for Rich Interactions by Bill Scott and Theresa Neil