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
1
680
数据可视化之层次和网络数据可视化(上)
《数据可视化》陈为 沈则潜 陶煜波. (2013) 第九章层次数据可视化总结
yafei002
November 30, 2016
Tweet
Share
More Decks by yafei002
See All by yafei002
了解人工神经网络
yafei002
1
220
了解朴素贝叶斯
yafei002
1
230
了解K-Means算法
yafei002
1
210
了解KNN算法
yafei002
0
170
了解决策树和C4.5算法
yafei002
1
270
数据可视化之视觉感知与认知
yafei002
1
390
数据可视化之地理信息可视化
yafei002
1
400
数据可视化之复杂高维多元数据的可视化(上)
yafei002
1
290
Data Visualization Introduction and History
yafei002
1
320
Other Decks in Technology
See All in Technology
How to install a gem
indirect
0
2k
AIエージェント時代に必要な オペレーションマネージャーのロールとは
kentarofujii
0
230
BFCacheを活用して無限スクロールのUX を改善した話
apple_yagi
0
130
Blue/Green Deployment を用いた PostgreSQL のメジャーバージョンアップ
kkato1
0
170
TUNA Camp 2026 京都Stage ヒューリスティックアルゴリズム入門
terryu16
0
640
サイボウズ 開発本部採用ピッチ / Cybozu Engineer Recruit
cybozuinsideout
PRO
10
77k
AI時代のシステム開発者の仕事_20260328
sengtor
0
310
昔話で振り返るAWSの歩み ~S3誕生から20年、クラウドはどう進化したのか~
nrinetcom
PRO
0
120
Oracle AI Database@AWS:サービス概要のご紹介
oracle4engineer
PRO
3
2k
Microsoft Fabricで考える非構造データのAI活用
ryomaru0825
0
520
契約書からの情報抽出を行うLLMのスループットを、バッチ処理を用いて最大40%改善した話
sansantech
PRO
3
330
俺の/私の最強アーキテクチャ決定戦開催 ― チームで新しいアーキテクチャに適合していくために / 20260322 Naoki Takahashi
shift_evolve
PRO
1
480
Featured
See All Featured
Building a A Zero-Code AI SEO Workflow
portentint
PRO
0
420
How to make the Groovebox
asonas
2
2.1k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
49
3.3k
Into the Great Unknown - MozCon
thekraken
40
2.3k
Large-scale JavaScript Application Architecture
addyosmani
515
110k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
21
1.4k
Designing Powerful Visuals for Engaging Learning
tmiket
1
310
Darren the Foodie - Storyboard
khoart
PRO
3
3.1k
ラッコキーワード サービス紹介資料
rakko
1
2.8M
Kristin Tynski - Automating Marketing Tasks With AI
techseoconnect
PRO
0
200
Done Done
chrislema
186
16k
The AI Revolution Will Not Be Monopolized: How open-source beats economies of scale, even for LLMs
inesmontani
PRO
3
3.2k
Transcript
层次数据可视化 数据可视化 yafei002
层次数据 • 层次结构表示 逻辑上的承接 关系,如家谱、 决策树
层次数据的可视化 要点: 对数据中层次关系的有效刻画。 1 节点-链接 2 空间填充 • 擅长: 承接关系
• 缺点: 广度和深度相差较大时,此 方法可读性较差,大量数据点聚集 在屏幕局部范围,难以高效利用有 限的屏幕空间 将空间分块 • 擅长: 包含和从属 • 缺点: 层次不如节点-链接法清晰
层次数据的可视化 3 混合方法 利用上述两种方法 的互补性
节点-链接法 • 节点位置的空间顺序和层次关系一致 • 减少连线之间的交叉 • 减少连线的总长度 • 合适的长宽比,优化空间利用(数据-墨水原则) 核心问题:结点和边的位置编码和视觉符号编码
清晰有效实现的原则: (考虑实际情况,需要综合取舍设计原则)
节点-链接法 1 2 正交布局 径向布局
正交布局节点-链接法 缩进法 二维平面上沿某轴扩充或缩进子节点, 同一层次的节点沿某轴展开或收拢 优点:快速易于实现 缺点:数据量大时需要滚动操作,易失 去上下文
正交布局节点-链接法 缩进法-纵横布局法
正交布局节点-链接法 • 特点:节点放置水平或垂直对齐 • 优点:与坐标轴一致,符合人视觉的规则布局 • 缺点:容易导致不合理的长宽比, 造成数据显示空间不足和屏幕空间的浪费
径向布局节点-链接法 根节点位于圆心,不同层次的 节点被放置在半径不同的同心 圆上,节点到圆心的距离对应 于它的深度 优点:合理的利用了空间
径向布局节点-链接法 环状径向布局 方法:每个子树递归的采用径 向布局 特点:随着层次深入,子节点 的空间占位逐渐变小
径向布局节点-链接法 圆锥树(Cone Tree) 方法:结合正交布局和径向布 局 特点:随着层次向上深入,圆 锥底面积变小 缺点:层次向下越深时,底层 空间越大,空间不够时造成节 点相互重叠
径向布局节点-链接法 双曲空间(Hyperbolic Space) 方法:布局空间采用双曲空间 而不是欧几里得空间 特点:越靠近中间区域,越稀 疏
大尺度层次结构节点-链接法 问题:节点相互重叠 方法一:焦点+上下文 方法二:兴趣树 DOI树(节点过滤)
空间填充法 使用矩形表示层次结构里的节点,父子层次关系用矩形之间的 相互嵌套隐喻 优点:充分利用屏幕空间
空间填充法 树图
空间填充法 Voronoi树图 采用凸多边形代 替矩形 优点: 1. 相对原填充法 利用率更高 2. 解决经典填充
图算法的长宽 比问题
空间填充法 径向树图(旭日图) 中心的圆表示根节点,各 个层次用同心圆环表示。 比较:空间利用率大于节 点-链接法,小于树图法 缺点:树结构的不平衡造 成某一部分的扇形向外延 伸很长,造成不合理的长 宽比
混合法 相邻层次图
混合法 弹性层次图
混合法 混合旭日图