首页 > 分享 > 交互式图表

交互式图表

1. 什么是交互式图表

区别于传统图表静态的表现形式,交互式图表并不仅仅停留在信息展示层面,而是通过图表增加交互效果,增强重点信息或者整体画面的表现力。用户可以与图产生交互,获取更深层次的分析和信息。

交互式图表能给用户操控感,提供足够便捷的过滤筛选组件,配合鼠标悬停、点击、框选等操作,方便用户查看更多数据信息、快速定位感兴趣的内容、根据特定变量对数据进行排序、突出、降维处理等。

常见的图表交互 PC 端有悬浮、点击、框选、平移,移动端有轻点、滑动、长按等操作。当图表中内置了这些常用的交互动作后,用户用一些习以为常的交互去操纵图表可视化时,用户将会很清晰、并且有信心控制好当前的可视化图表。

2. 恰当的可视化交互

这里并不建议图表上使劲堆砌交互动作,每一个交互的设计都应该有迹可循。

在给图表设计交互效果时,要关注用户界面与用户使用行为习惯。明确图表的使用场景以及用户可能面临的数据处境,设计的原则是让用户可以高效、有效地浏览内容。

数据可视化的交互动作根据作用,可以分为以下三类:

获取数据:动作设计初衷是方便用户浏览查看,常见于传统数据报表、汇报型图表、大屏等。

分析数据:动作设计初衷是方便用户查明探索,常见于统计报表或高维、多源的可视化分析报告等。

标记想法:动作设计初衷是方便用户标记指引,常见于可视分析报告、智能分析、智能决策系统等。

以下是这三类常用的交互动作:

获取数据

动作
目的图示浏览寻找感兴趣的数据高亮视觉联动,寻找关系选中对单个数据点感兴趣
对多个数据点或数据组感兴趣过滤聚焦重点信息缩放探索、识别数据平移探索更大的数据空间

分析数据

动作
目的图示拖拽对数据重新加工计算重编码改变数据视觉通道,让数据特征更显性化重配置切换维度以不同视角看数据下钻/上卷聚焦到感兴趣的数据子空间链接直观的展示分析逻辑和呈现数据结果,让分析更流畅,让报表会说话联动跨视图高亮显示数据对象间的联系,可同时观察数据的不同属性

标记想法

动作目的图示标记通过数据标记标出注意点解读将结论标出以辅助决策

3. 分析体系,而不是单个图表

复杂的可视化场景经常会是数据复杂,数据特征多层次、多维度的。

得益于丰富的可视化分析工具,我们可以处理复杂的可视化,比如建立多个的层级关联、实现向下钻取和向上汇总、筛选维度的联动、实现点击图表分类、联动刷新等。

这无疑给“静”的图表赋予了“动”的视角,让图、图与图之间活了起来,而这底层的关联正像一个分析体系。

交互方式动态效果

钻取

实现页面下钻,一般用于有层级关系的数据。如点击图表打开页面,点击超链打开页面。

地图钻取与联动


联动

实现内容联动,一般通过传递一个类别值来限定范围,细化内容。

图表联动

多 Tab 切换

多个页面切换,一般用于内容过多时,部分内容有并列关系。

FVS_Tab组件
筛选

实现内容的选择查询,一般用于数据量较大的场景。

控件筛选查询

相关知识

一种植物交互式立体水培设备与工艺的制作方法
基于Python实现交互式数据可视化的工具(用于Web)
基于云平台的智能语音交互式灌溉系统
基于故事体验的交互式儿童纸玩具案例分析
JavaScript实现的风飓风数据可视化分析
(图表·漫画)[环境]科学绿化
有哪些好用的数据分析软件可以用
前沿丨菊花遗传与种质创新团队构建交互式比较基因组学数据库
描述性统计分析都用到哪些可视化图表?
棕榈树生长图表

网址: 交互式图表 https://m.huajiangbk.com/newsview1545604.html

所属分类:花卉
上一篇: ppt怎么做交互式图表? 交互式
下一篇: python 如何绘制四个图