Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
数据可视化之层次和网络数据可视化(上)
Search
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
yafei002
November 30, 2016
Technology
690
1
Share
数据可视化之层次和网络数据可视化(上)
《数据可视化》陈为 沈则潜 陶煜波. (2013) 第九章层次数据可视化总结
yafei002
November 30, 2016
More Decks by yafei002
See All by yafei002
了解人工神经网络
yafei002
1
220
了解朴素贝叶斯
yafei002
1
240
了解K-Means算法
yafei002
1
220
了解KNN算法
yafei002
0
170
了解决策树和C4.5算法
yafei002
1
270
数据可视化之视觉感知与认知
yafei002
1
400
数据可视化之地理信息可视化
yafei002
1
400
数据可视化之复杂高维多元数据的可视化(上)
yafei002
1
290
Data Visualization Introduction and History
yafei002
1
320
Other Decks in Technology
See All in Technology
色を視る
yuzneri
0
320
要件定義の精度を高めるための型と生成AIの活用 / Using Types and Generative AI to Improve the Accuracy of Requirements Definition
haru860
0
300
Anthropic「Long-running a gents」をGeminiで再現してみた
tkikuchi
0
790
Agent Skillsで実現する記憶領域の運用とその後
yamadashy
2
1.1k
アクセシビリティはすべての人のもの
tomokusaba
0
270
コミュニティ・勉強会を作るのは目的じゃない
ohmori_yusuke
0
290
UIライブラリに依存しすぎないReact Native設計を目指して
grandbig
0
200
Vision Banana: Image Generators are Generalist Vision Learners
kzykmyzw
0
250
需要創出(Chatwork)×供給(BPaaS) フライホイールとMoat 実行能力の最適配置とAI戦略
kubell_hr
0
2k
MySQL 9.7がやってきた ~これまでのあらすじと基本情報~ @ 日本MySQLユーザ会会2026年04月 / mysql97-yattekita
sakaik
0
170
「誰一人取り残されない」 AIエージェント時代のプロダクト設計思想 Product Management Summit 2026
mizushimac
1
2.9k
Forget technical debt
ufried
0
170
Featured
See All Featured
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
37
6.4k
Redefining SEO in the New Era of Traffic Generation
szymonslowik
1
290
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.7k
The Language of Interfaces
destraynor
162
26k
Designing for humans not robots
tammielis
254
26k
B2B Lead Gen: Tactics, Traps & Triumph
marketingsoph
0
110
Public Speaking Without Barfing On Your Shoes - THAT 2023
reverentgeek
1
380
Building AI with AI
inesmontani
PRO
1
960
Mobile First: as difficult as doing things right
swwweet
225
10k
The Invisible Side of Design
smashingmag
302
52k
How to audit for AI Accessibility on your Front & Back End
davetheseo
0
350
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
360
30k
Transcript
层次数据可视化 数据可视化 yafei002
层次数据 • 层次结构表示 逻辑上的承接 关系,如家谱、 决策树
层次数据的可视化 要点: 对数据中层次关系的有效刻画。 1 节点-链接 2 空间填充 • 擅长: 承接关系
• 缺点: 广度和深度相差较大时,此 方法可读性较差,大量数据点聚集 在屏幕局部范围,难以高效利用有 限的屏幕空间 将空间分块 • 擅长: 包含和从属 • 缺点: 层次不如节点-链接法清晰
层次数据的可视化 3 混合方法 利用上述两种方法 的互补性
节点-链接法 • 节点位置的空间顺序和层次关系一致 • 减少连线之间的交叉 • 减少连线的总长度 • 合适的长宽比,优化空间利用(数据-墨水原则) 核心问题:结点和边的位置编码和视觉符号编码
清晰有效实现的原则: (考虑实际情况,需要综合取舍设计原则)
节点-链接法 1 2 正交布局 径向布局
正交布局节点-链接法 缩进法 二维平面上沿某轴扩充或缩进子节点, 同一层次的节点沿某轴展开或收拢 优点:快速易于实现 缺点:数据量大时需要滚动操作,易失 去上下文
正交布局节点-链接法 缩进法-纵横布局法
正交布局节点-链接法 • 特点:节点放置水平或垂直对齐 • 优点:与坐标轴一致,符合人视觉的规则布局 • 缺点:容易导致不合理的长宽比, 造成数据显示空间不足和屏幕空间的浪费
径向布局节点-链接法 根节点位于圆心,不同层次的 节点被放置在半径不同的同心 圆上,节点到圆心的距离对应 于它的深度 优点:合理的利用了空间
径向布局节点-链接法 环状径向布局 方法:每个子树递归的采用径 向布局 特点:随着层次深入,子节点 的空间占位逐渐变小
径向布局节点-链接法 圆锥树(Cone Tree) 方法:结合正交布局和径向布 局 特点:随着层次向上深入,圆 锥底面积变小 缺点:层次向下越深时,底层 空间越大,空间不够时造成节 点相互重叠
径向布局节点-链接法 双曲空间(Hyperbolic Space) 方法:布局空间采用双曲空间 而不是欧几里得空间 特点:越靠近中间区域,越稀 疏
大尺度层次结构节点-链接法 问题:节点相互重叠 方法一:焦点+上下文 方法二:兴趣树 DOI树(节点过滤)
空间填充法 使用矩形表示层次结构里的节点,父子层次关系用矩形之间的 相互嵌套隐喻 优点:充分利用屏幕空间
空间填充法 树图
空间填充法 Voronoi树图 采用凸多边形代 替矩形 优点: 1. 相对原填充法 利用率更高 2. 解决经典填充
图算法的长宽 比问题
空间填充法 径向树图(旭日图) 中心的圆表示根节点,各 个层次用同心圆环表示。 比较:空间利用率大于节 点-链接法,小于树图法 缺点:树结构的不平衡造 成某一部分的扇形向外延 伸很长,造成不合理的长 宽比
混合法 相邻层次图
混合法 弹性层次图
混合法 混合旭日图