数据可视化系统(更新美学原则版)PPT课件.ppt

2014 12 22 数据可视化系统 2019 11 8 报告提纲 数据可视化系统概念和意义 1 两个实例 Wordle Themeriver 2 可视化交互准则与技术 3 常用可视化软件介绍 4 可视化设计的美学原则 5 2 优质 2020 3 20 什么是可视化 安斯库姆四重奏四组统计性质相同的数据 由统计学家费朗西斯 安斯库姆提出 用于强调作图的重要性 3 优质 2020 3 20 什么是可视化 安斯库姆四重奏 4 优质 2020 3 20 什么是可视化 拿破仑进军莫斯科维基百科上的文字说明 5 优质 2020 3 20 什么是可视化 拿破仑进军莫斯科 1869年 法国一名工程师所画 被誉为有史以来最好的统计可视图 6 优质 2020 3 20 什么是可视化 人眼带宽100MB s视觉信息并行处理 模式识别能力强对可视符号的感知速度比文字 数据快定义 将文字 数据等信息用可视的元素 包括颜色 形状 符号等呈现出来的过程 7 优质 2020 3 20 数据可视化的意义 8 优质 2020 3 20 数据可视化的意义 视物致知 1854年伦敦布拉德街鬼图帮助发现霍乱流行的原因 9 优质 2020 3 20 数据可视化分类 科学可视化面向自然科学 如物理 化学 航天航空 生物学等 对数据模型进行解释 操作 旨在寻找模式 特点和关系 信息可视化处理抽象 非结构化数据 如文本 图表 地图 复杂系统等 可视分析学以可视交互界面为基础 综合图形学 数据挖掘和人机交互技术 将感知和认知能力以可视方式融入处理过程 进行信息交流和知识提炼 完成分析推理和决策 10 优质 2020 3 20 数据可视化系统 数据可视化系统流程 由Card Mackinlay等人提出的信息可视化参考流程 11 优质 2020 3 20 数据可视化系统 数据的表示与变换预处理 数据清洗与精简 整合与集成组织管理 数据库 数据仓库数据的可视化呈现核心算法 视觉编码 视觉呈现形式 静态与动态 时间连续性等用户交互挑战 智能 使用于不同数据类型的 可支持用户分析决策的交互方法 12 优质 2020 3 20 数据可视化系统 数据可视化系统设计四个级联的层次 13 优质 2020 3 20 数据可视化系统 算法设计数据到可视化的直观映射数据类型 维度 组织形式等 视图选择数据筛选 信息密度美学因素颜色 视觉突出 动画与过渡 可视化隐喻等交互设计界面 操作 分析和呈现 14 优质 2020 3 20 实例之一 Wordle 基于关键词的文本内容可视化标签云 TagCloud 用颜色和字体映射关键词的重要性 15 优质 2020 3 20 实例之一 Wordle Wordle 标签云衍化技术在空间利用和美学欣赏方面有所提升 16 优质 2020 3 20 实例之一 Wordle实现 文本分析查找单词Regex匹配字符串 生成单词列表 确定字体类型由语系 字符确定 允许不同单词使用不同字体 猜测语言并删除停用词如the it to这些用户不感兴趣的停用词 各个语言提供停用词列表 文本中前50个词匹配最高的即为文本语言 给单词分配权重词频即为权重 特殊情况下可能采用词频对数 17 优质 2020 3 20 实例之一 Wordle实现 布局加权单词转化为图形构建了一种字体 其点的大小由词频决定 生成Java2D图形 展现区域检查单词边框 确定区域面积 调整单词大小使得显示紧凑 放置随机贪婪算法 每个单词分配到一个起始位置 如果与已放置单词重叠 则更新位置 直到不重叠 不同的放置策略 交叠测试层次边界框确定是否交叠 冲突检测的缓存和空间索引技术 18 优质 2020 3 20 实例之一 Wordle实现 螺旋形递归放置策略 单词Denmark所走的路 19 优质 2020 3 20 实例之一 Wordle实现 应用地址 20 优质 2020 3 20 实例之二 ThemeRiver 时序性的文本内容可视化主题河流ThemeRiver 经典的展现文本主题演化的可视化方法 采用河流为可视编码 将主题隐喻为时间上不断延续的河流 目标 快速 容易发现有用信息 优势 易于区分固有主题词和突然出现主题词 方便观察主题词微妙变化 应用 新闻热点的时间变化等 21 优质 2020 3 20 实例之二 ThemeRiver 主题河流图示FidelCastro演讲访谈主题 横轴 时间颜色 主题宽度 主题词热度 22 优质 2020 3 20 实例之二 ThemeRiver ThemeRiver实现1 收集FidelCastro s的演讲 访谈 文章和其他有关文献 2 按月划分时间段 计算每段时间的主题词频数 选择64个主题词 以一个主题词一段时间内出现的文章数作为频数 例如 j 第i段时间第j个主题词频数 输入 时间段 3 为每段时间段手动添加外部事件 23 优质 2020 3 20 实例之二 ThemeRiver 4 数据预处理中心点 处理后数据 5 为满足约束条件 smooth 美观要求的改进 基本方法 样条插值绘制图形 改进 增加约束条件 用代替 用代替6 颜色把主题词分成相关组 对每组涂上相似颜色 min 1 0 max 1 24 优质 2020 3 20 实例之二 ThemeRiver 不同的效果表现 缺陷 1 如果主题词热度相似 难以区分 2 一张图反应的主题词数目有限 25 优质 2020 3 20 数据可视化分类 科学可视化面向自然科学 如物理 化学 航天航空 生物学等 对数据模型进行解释 操作 旨在寻找模式 特点和关系 信息可视化处理抽象 非结构化数据 如文本 图表 地图 复杂系统等 可视分析学以可视交互界面为基础 综合图形学 数据挖掘和人机交互技术 将感知和认知能力以可视方式融入处理过程 进行信息交流和知识提炼 完成分析推理和决策 26 优质 2020 3 20 可视化交互 缓解有限的可视化空间和数据过载之间的矛盾有限的屏幕尺寸不足以显示海量数据常用的二维显示平面对复杂数据的可视化提出了挑战BenShneiderman提出 overviewfirst zoomandfilter thendetail on demand描述了通过交互探索大量数据的有效办法让用户更好地参与对数据的理解和分析 27 优质 2020 3 20 可视化交互 交互准则交互延时交互成本交互场景变化交互技术 28 优质 2020 3 20 交互延时 指从用户操作的发生到系统返回结果所经过的时间 是决定交互有效性最重要的因素之一延时与交互操作的类型 用户体验主观感受有密切关系感知处理 旋转视图立即反应 点击选中基本任务 搜索 29 优质 2020 3 20 交互延时 解决方案系统应该返回给用户某种视觉信息 确认操作已经完成当一个交互操作完成时间比用户预期的长 系统将操作进程反馈给用户 或将这个交互操作转变成对应的用户延时期望较大的另一类交互 30 优质 2020 3 20 交互成本 可视化系统应当采用数据挖掘算法自动发现用户可能会关心的数据或模式 并呈献给用户 用户在这个基础上通过互动进行更深入的挖掘只提供必需进行交互的交互 31 优质 2020 3 20 交互场景变化 可视化场景的变化 需要依赖于用户的视觉和感知记忆避免交互出错 通过可视化将这些需要用户记忆的信息在系统中保存并显示 以减轻用户的负担动画 渐变 用户自主在场景之间切换变化盲视 系统需要辨别需要用户进行关注的变化 通过各种手段 高亮 让用户的注意力集中到这些区域 32 优质 2020 3 20 交互技术 选择导航重配过滤关联 33 优质 2020 3 20 交互技术 选择 大量的数据在视图上叠加以致视觉混乱的情况下的选择将堆叠区域和对象放大选择之后要展示的提示性信息在视图上的陈列即字符串在有限空间排列的问题偏心标签当用户接触到数据点之前标签不可见 接触到数据点时 标签和数据点之间可视连接 34 优质 2020 3 20 交互技术 选择 偏心标签 ExcentricLabeling 标签过多 1 显示区域内标签数 2 展现区域内部分标签 non crossinglineslabelingverticallycoherentlabelinghorizontallycoherentlabeling 用来计算初始位置 35 优质 2020 3 20 交互技术 导航 人眼可以观察到的区域及屏幕空间有限 可视化只能显示从选定视点出发课件的局部数据 并通过改变视点的位置观察其他部分的数据缩放 平移 旋转是导航中 调整视点位置 控制视图内容 的三个最基本手段空间显示的对象过密时 无法仅通过缩放 平移 旋转搜寻到目标Link SlidingBring Go 36 优质 2020 3 20 Link Sliding点击鼠标选择开始节点围绕节点形成一个浅灰色圆圈 表明选择半径 此处鼠标可以自由行动 这可以让用户选择出发连接Link cursor始终在路径上距离鼠标指针最近的点 当鼠标指针走出之前的浅灰色圆圈 鼠标指针将被强制拉去link cursor的位置当每次鼠标事件后 系统更新鼠标位置p 并计算离p最近路径上的点c将其作为link cursor 鼠标位置通过公式 1 c将被拉去link cursor 当鼠标指针在设定的圆圈内时 1 当超出圆圈时 0 为了让变化平滑设置 其中 0 5 0 交互技术 导航 37 优质 2020 3 20 交互技术 导航 Bring GoLinksliding不能解决在众多目标目的地中选取某一特定目的地一旦选取某一点 将所有邻近点都显示在改点附近 当用户选择某一邻近点后 视图将和Linksliding一样平滑地移动至目标点所有邻近点将按远近距离排列 最短的放在第一个 并按照这个顺序从最靠近圆心的圆环开始放置 直到该层圆环被放置满 38 优质 2020 3 20 交互技术 重配 为用户提供观察数据的不同视角Dust Magnet 39 优质 2020 3 20 交互技术 重配 Dust Magnet某dust与magnet越相关 更快地被这个magnet吸引Magnet的性质Dust关于Magnet所规定的性质的值Magnet的强度Magnet所设置的相斥值 quantitative ordinal 40 优质 2020 3 20 交互技术 过滤 在信息过滤的过程中 将视觉编码和交互紧密迭代进行 动态实时地更新过滤结果动态查询HomeFinder设置条件的控件Scentedwidgets所有属性的过滤控件都不相关联BrushingHistograms 41 优质 2020 3 20 交互技术 过滤 42 优质 2020 3 20 交互技术 关联 显示与特定数据对象有关的隐藏对象 用户需要清楚数据在各个视图中的具体为止Linking Brushing 基于维度映射和平行坐标 43 优质 2020 3 20 常用可视化软件 不同领域的可视化软件 44 优质 2020 3 20 常用可视化软件 Excel有限的图形化功能D3D3能够提供大量线性图和条形图之外的复杂图表样式 例如Voronoi图 树形图 圆形集群和单词云等 45 优质 2020 3 20 常用可视化软件 PolyMaps面向数据分析用户的地图可视化工具 在地图处理方面有独到之处 46 优质 2020 3 20 常用可视化软件 SASSAS系统可完成数据管理 报表 图形和统计功能Gephi社交图谱数据可视化分析工具Processing将命令行可视化 实现编程的网络图像 动画与用户的互动电子艺术与程序语言的结合R语言用于统计分析 绘图的语言和操作环境 可视化功能强大 有ggplot2 lattice等用于可视化的扩展包Weka经典的数据挖掘工具 可完成聚类 分类 回归等任务 47 优质 2020 3 20 可视化设计的美学原则 主要有三点 48 优质 2020 3 20 可视化设计的美学原则 色彩设计 灰度值可被认为是有序的 可用于编码数值型数据 色调通常认为是无序的 可用于编码不同维度的值 49 优质 2020 3 20 可视化设计的美学原则 色彩设计色彩渐变表示顺序型数据 50 优质 2020 3 20 可视化设计的美学原则 色彩设计不同色彩区分表类别型数据 51 优质 2020 3 20 可视化设计的美学原则 例 用不同色彩区分表类别型数据Maps 52 优质 2020 3 20 可视化设计的美学原则 色彩设计最大化色调区分度 53 优质 2020 3 20 可视化设计的美学原则 色彩设计相似但有区分度 54 优质 2020 3 20 可视化设计的美学原则 色彩设计高亮重要内容 55 优质 2020 3 20 可视化设计的美学原则 色彩选择原则使用有限的色调范围控制低饱和度色彩中的色彩视觉突出 pop out 避免过多颜色交错导致的杂乱无章使用中性背景色控制对全局色彩的影响最小化 同时对比 simultaneouscontrast 可使用辅助软件 ColorBrewer等 来选择合适的色阶 56 优质 2020 3 20 可视化设计的美学原则 可视编码可视编码的两个因素 标记 图形元素 点 线 面 通道 位置 大小 形状 方向 色调 饱和度 亮度 57 优质 2020 3 20 可视化设计的美学原则 可视编码类型 type 是什么 在哪里 what where 何种程度 howmuch 表现力 expressiveness 表达且仅表达数据的完整属