4种可视化技术对比

合集下载
  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
• 示例:https://github.com/mbostock/d3/wiki/Gallery
HTML5和D3
Gephi
• Gephi是开源免费的交互式可视化数据探索 平台,它适用于处理各种网络、复杂系统、 动态和交互网络。它有“数据的Photoshop” 之称,ቤተ መጻሕፍቲ ባይዱ许用户控制数据的呈现方式,自 由地操作结构、形状和颜色以展示数据信 息。
• 示例:https://gephi.org/features/
Gephi
总结
• 首推:D3和HTML5,Gephi • 其次Processing和Processing.js
Peony和Daisy
• Peony和Daisy都未找到公开的代码库,论文 中也未有详细的说明
• Peony的整个框架与过程与Prefuse类似,但 是做了许多优化
• Daisy是中科院研究在图像特征提取时自主 研发的一项技术,基于该项技术扩展的可 视化技术带有一定的专业性和操作难度
HTML5和D3
• 示例:http://prefuse.org/gallery/
Prefuse Toolkit
Prefuse Flare Toolkit
• Prefuse Flare Toolkit是Prefuse的继任者,为 ActionScript和Adobe Flash提供可视化和动画 工具,从基本的图表到复杂的交互图形。 工具包支持数据管理,可视化数据编程、 动画和交互技术。更重要的是flare支持模块 化设计,开发者可以直接应用一些可视化 模块而无需重复自己编写程序。
Javascript InfoVis Toolkit
• 模型种类:
– RGraph – HyperTree – TreeMap – Icicle – SpaceTree – Sunburst – ForceDirected – Area – Bar – Pie
InfoVis Toolkit
• InfoVis Toolkit是一个用Java/Swing编写的交 互式图形工具包,协助用户开发信息可视 化应用程序和组件。
4种可视化技术对比
4种技术
• Javascript InfoVis Toolkit和InfoVis Toolkit • Prefuse Toolkit和Prefuse Flare Toolkit • Processing和Processing.js • Peony和Daisy • HTML5和D3 • 另补数据可视化工具Gephi
Javascript Infovis Toolkit
• 网址:http://philogb.github.io/jit/index.html 在Web上创建可交互式的数据图表的 JavaScript 库,使用JASON数据格式,有一点 动画效果
• 优点
– API很容易理解
• 缺点
– 图表库不太灵活,图形数量有限 – 不如其他工具那样易于扩展
• D3是Protovis的开发者之一Mike Bostock开发 的可视化框架。它的最大特性就是能把数 据和文档对象模型(DOM)结合,从而对 文档进行数据驱动的操作和交互。D3的轻 量级特性使它能够更好地利用CSS3、HTML5 和SVG等底层技术。D3性能出色,支持数据 集,可以非常灵活地设计web可视化应用。
• 示例:http://flare.prefuse.org/demo
Prefuse Flare Toolkit
Processing和Processing.js
• Processing是可以创作图片、动画和交互的开 源编程语言和环境。现在Processing已经是可 视化领域最重要最常见的编程语言之一。
Prefuse Toolkit
• Prefuse toolkit使用Java编程框架,可以实现 数据建模、可视化、交互之类的应用。它 提供优化过的图、表、树的数据结构,支 持图形布局和动画,可以动态查询、搜索、 连接数据库。 Prefuse使用Java 2D图形库, 可以被集成到Java Swing应用和applets中。
• 示例:https://processing.org/examples/ • Processing.js是Processing的兄弟项目,是
Processing的web版本,可用来创作数据可视化、 数据艺术作品、交互式动画、教学图片、视频 游戏等等,遵循web规范,无需任何插件,可 以用Processing语言编写代码并嵌入网页,剩 下的由Processing.js解决。 • 示例:http://processingjs.org/exhibition/
相关文档
最新文档