《图表可视化工具Protovis的介绍及经典案例》由会员分享，可在线阅读，更多相关《图表可视化工具Protovis的介绍及经典案例（43页珍藏版）》请在装配图网上搜索。
1、 . . . . 图表可视化工具Protovis介绍与经典案例Protovis是一款免费和开源的可视化的图表工具，由斯坦福大学可视化组Stanford Universitys VisualizationGroup的 Mike Bostock and Jeff Heer 开发，基于JavaScript 和 SVG Scalable Vector Graphics，可伸缩向量图形技术。尤为值得一提的是，其“Examples一栏为我们提供了超过60多个精彩的案例，即使我们不会使用此工具进展数据视觉化处理，这些案例本身的风格和思路也是值得学习的，它可以为我们使用其它工具绘制图表提供很好的借鉴。小博“图
2、表汇特意将其整理出来，推荐给大家，一起学习！1、常规图表ConventionalProtovis通过使用例如条形与点等简单标记将自定义数据视图组合起来，创建标准化的图表。与一般绘图库不同， Protovis不会显得太过单调，它可以通过动态属性定义标记。这些属性通过对数据编码，继承，形变与布局以简化结构。包括：1面积图Area Chart；2条形图和柱形图Bar & Column Charts；3散点图Scatterplots；4饼图和圆环图Pie & Donut Charts；5阶梯线图表Line & Step Charts；6堆叠面积图Stacked Charts；7分组图表Grouped
3、Charts。2、自定义图表Custom1安德森鸢尾花卉数据集散布图Andersons Iris data set，也称鸢尾花卉数据集Iris flower data set或费雪鸢尾花卉数据集Fishers Iris data set，是一类多重变量分析的数据集。它最初是埃德加安德森Edgar Anderson从加拿大加斯帕半岛Gasp Peninsula上的鸢尾属花朵中提取的地理变异数据，后由罗纳德费雪Sir Ronald Aylmer Fisher作为判别分析的一个例子，运用到统计学中。其数据集包含了50个样本，都属于鸢尾属下的三个亚属，分别是山鸢尾Iris setosa、变色鸢尾Iri
4、s versicolor和维吉尼亚鸢尾Iris virginica。四个特征被用作样本的定量分析，它们分别是花萼和花瓣的长度和宽度。基于这四个特征的集合，费雪开展了一个线性判别分析以确定其属种。2贝克尔格子图Beckers Barley，Trellis display，这图表应该算是“滑珠图Excelpro的图表博客的原型图，比拟有名的改良版为“Obama vs. McCain美国大选的“滑珠图。3Bertins Hotel，这图的作者是图形学理论的创始人Jacques Bertin，用来描述旅店客流量的季节性变化。4Streamgraphs，由堆积面积图Stacked Charts演变而来，
5、区别在于其基线不是固定的。5波形图Sparklines，是一种文字大小数据视觉化图形，如下列图红框所示。6子弹图Bullet Charts，由Stephen Few设计，“在有限的空间表达丰富的数据信息有点高密小型化的意思，呵呵，从条形图开展变化而来。一般由文字标签和主体条柱、刻度量表、主要标记标识、用于比照的标识可选、定性围标识构成。7气泡图Bubble Charts，气泡图作为散点图的一种变体，虽然从视知觉的角度看没有条形图表达的精准，但是它可以在有限的空间展示大量的信息，这种形式也常用在数据地图中。8地平线图Horizon Graphs，基于一种压缩空间展示数据信息的图表形式，具体绘制原
6、理可参考下列图。9K线图Candlestick Charts，起源于日本十八世纪德川幕府时代16031867年的米市交易，用来计算米价每天的涨跌。现已经广泛应用于股票、期货、外汇，期权等证券市场。10Burtin抗生素图Burtins Antibiotics，第二次世界大战之后，抗生素被冠以“特效药的美名。在此根底上收集了几中抗生素治疗的效果，绘制了此图。11南丁格尔玫瑰图Nightingales Rose，或称之为“不等径扇区图。12波雷费小麦图Playfairs Wheat，这是1822年Playfair为国会制作的一幅精致图表，描绘了250年来的小麦价格走势图。13汽油里程图Gas &
7、Driving，这图表最早来源于2010年5月2日New York Times的一篇文章“Driving Shifts Into Reverse，用来分析油价与年人均里程数的关系，使用方式路线图的方式表达，形象易懂。14西雅图天气预报图Seattle Weather，此图为西雅图一周的天气预报，包含了丰富的信息，包括以往的、正常的、真实的和气温预报的数据围。有点类似于K线图和了弹图。15加州火车时刻表Mareys Trains，这图表是E. J. Marey重绘另一种风格的加州火车时刻表，站台按地理里程距离按垂直比例排列，斜线表示火车的速度，另外还将普快，快速，高速列车的信息用不同颜色区别开来
8、，与原版时刻表比照一下，是不是很新颖易读呢。16Stemplots，接上图，另一种风格的加洲火车时刻表，你看懂了吗？17归并排序Merge Sort，使用角度的变化来表达信息，还可以通过不同线条的颜色来表达更为丰富的信息。见下列图第二幅。3、交互图表Interaction可视化图表不仅仅是静态的，图表的交互性使其具有更强大的功能和视觉表现力。1索引图表Index Charts，某些情况下，数据源的真实值可能没有它的变化趋势那么重要。比如对于投资者来说，一支股票的价值变化趋势比它的价格要重要的多。所以下列图所示的纵坐标由真值转为百分比，方便投资者比照多支股票的价格变化趋势。2平行坐标图Paral
9、lel Coordinates，可以快速查询一个单元的多个属性，并与其它单元进展比照。3工作导航图Job Voyager，一个信息单元包含某职业在某年份所占的比例，以与男女性别比例构成等信息，在一个平面图即展示大量的交互信息。红色为女性，蓝色为男性。4明尼达职业信息表Minnesota Employment，另一种平行坐标图，一个单元格，即是一某职业的数据量丰富的面积图；而整图表又是将各种不同的职业图表组合在一起，形成一个动态数据库。5全局与局部图Focus + Context，包括一总图和局部放大图，这种布局在很多行业分析软件都有成熟的应用。6Pan + Zoom，可以通过鼠标中轮对数据面板
10、进展缩放处理，横-纵坐标的刻度也随之变化。7Brush + Link，一个交互版的安德森鸢尾花卉数据集散布图。8工具提示Tooltips，9Pointing，与之前的散点图相似。10曲线编辑器Spline Editor，可单击空白区域添加节点，Delete键那么删除节点。节点的控制点有多种形式可以选择。11气泡图Bubbles，很有动感的韵律。12眼图Eyes，使用与上图相似的技术。4、层级关系图表Hierarchies1系统树图Dendrograms。2太阳辐射图Sunbursts，一种圆环镶接图，可以表达清晰的层级和归属关系。3冰柱图Icicles。4缩进树Indented Trees。5
11、圆形装填Circle Packing，通过圆圈的大小和归属表达明确的层级关系。6节点树Node-Link Trees。7树状图Treemaps。5、网络关系图Networks1弧状图Arc Diagrams，是一种一维布局图，通过圆弧的两端表达连接关系。2力导向布局图Force-Directed Layouts，当拉动一个节点时，其它节点也随之被吸引到一样的方向。3矩阵图Matrix Diagrams，6、数据地图Maps1Minards Napoleon，Charles Minard绘制的拿破仑进军俄国的人员损失图。2奥克兰犯罪地图Oakland Crimespotting，使用“Googl
12、e Maps API绘制。3地区分布图Choropleth Maps，使用不同的颜色表示不同的数据围。4符号图Symbol Maps，5Dorling Cartograms，将传统的数据地图背底隐去，只保存关键数据。6地图投影Map Projections，7热图Heatmaps，8Dymaxion Map，8、统计图Statistics1P-P图Q-Q Plots2箱线图Box-and-Whisker Plots3柱状图Histograms4误差线图Error Bars5Mean & Deviation，08/09赛季，NBA场均比赛的50强得分手。9、艺术图表Art并非所有的信息图表都需要以数据来支撑，有时候以图表呈现出来的艺术美感和娱乐气氛也会给我们带来深刻的视觉享受。1康威生命游戏Conways Game of Life2Automaton Explorer3BelousovZhabotinsky4N-Body Problem5PolarClock6彩虹蠕虫Rainbow Worm43 / 43
图表可视化工具Protovis的介绍及经典案例
