Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
数据可视化之层次和网络数据可视化(上)
Search
yafei002
November 30, 2016
Technology
740
1
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
数据可视化之层次和网络数据可视化(上)
《数据可视化》陈为 沈则潜 陶煜波. (2013) 第九章层次数据可视化总结
yafei002
November 30, 2016
More Decks by yafei002
See All by yafei002
了解人工神经网络
yafei002
1
240
了解朴素贝叶斯
yafei002
1
270
了解K-Means算法
yafei002
1
250
了解KNN算法
yafei002
0
200
了解决策树和C4.5算法
yafei002
1
310
数据可视化之视觉感知与认知
yafei002
1
450
数据可视化之地理信息可视化
yafei002
1
440
数据可视化之复杂高维多元数据的可视化(上)
yafei002
1
330
Data Visualization Introduction and History
yafei002
1
340
Other Decks in Technology
See All in Technology
Local CI × GitHub Actions
gogutan
3
230
SAENM ~Jupyterで残すPoCの試行錯誤、未来の自分と仲間を助ける記録!~
terapyon
0
120
会社説明資料
persolserverworks
0
9.8k
PagerDuty Tech Hub-鳴らすけれど、人は動かない
ezaki
0
180
OptunaHub: ブラックボックス最適化のためのプラットフォーム
pfn
PRO
0
140
オントロジーって 結局なにもの? AI エージェントに「意味」を渡す知識設計の話
greenmidori
0
230
Conditional PED-ANOVA: Hyperparameter Importance in Hierarchical & Dynamic Search Spaces
pfn
PRO
0
140
Getting Started with Google Antigravity
glaforge
0
320
hackers_champloo_2026_tidb
makocchi
0
170
スプシの手作業からの解脱 ~更新はClaude Codeに、見せ方と使い方はGASアプリに任せる~
kentarofujii
0
160
AI コーディングと人間の認知スループット / CTO Night & Day 2026 Morning Session / AI Coding and Human Cognitive Throughput
prog893
5
1.3k
JAWSUG TOHOKU 青森支部 「LoGoチャット」のAWS移行で 乗り越えたこと
taketakekaho
0
340
Featured
See All Featured
Mind Mapping
helmedeiros
1
400
30 Presentation Tips
portentint
PRO
1
430
Intergalactic Javascript Robots from Outer Space
tanoku
273
28k
So, you think you're a good person
axbom
PRO
2
2.2k
Gemini Prompt Engineering: Practical Techniques for Tangible AI Outcomes
mfonobong
2
590
The Cult of Friendly URLs
andyhume
79
7k
The Organizational Zoo: Understanding Human Behavior Agility Through Metaphoric Constructive Conversations (based on the works of Arthur Shelley, Ph.D)
kimpetersen
PRO
0
500
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
128
56k
Ten Tips & Tricks for a 🌱 transition
stuffmc
1
270
Into the Great Unknown - MozCon
thekraken
41
2.8k
GitHub's CSS Performance
jonrohan
1033
470k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
12
1.3k
Transcript
层次数据可视化 数据可视化 yafei002
层次数据 • 层次结构表示 逻辑上的承接 关系,如家谱、 决策树
层次数据的可视化 要点: 对数据中层次关系的有效刻画。 1 节点-链接 2 空间填充 • 擅长: 承接关系
• 缺点: 广度和深度相差较大时,此 方法可读性较差,大量数据点聚集 在屏幕局部范围,难以高效利用有 限的屏幕空间 将空间分块 • 擅长: 包含和从属 • 缺点: 层次不如节点-链接法清晰
层次数据的可视化 3 混合方法 利用上述两种方法 的互补性
节点-链接法 • 节点位置的空间顺序和层次关系一致 • 减少连线之间的交叉 • 减少连线的总长度 • 合适的长宽比,优化空间利用(数据-墨水原则) 核心问题:结点和边的位置编码和视觉符号编码
清晰有效实现的原则: (考虑实际情况,需要综合取舍设计原则)
节点-链接法 1 2 正交布局 径向布局
正交布局节点-链接法 缩进法 二维平面上沿某轴扩充或缩进子节点, 同一层次的节点沿某轴展开或收拢 优点:快速易于实现 缺点:数据量大时需要滚动操作,易失 去上下文
正交布局节点-链接法 缩进法-纵横布局法
正交布局节点-链接法 • 特点:节点放置水平或垂直对齐 • 优点:与坐标轴一致,符合人视觉的规则布局 • 缺点:容易导致不合理的长宽比, 造成数据显示空间不足和屏幕空间的浪费
径向布局节点-链接法 根节点位于圆心,不同层次的 节点被放置在半径不同的同心 圆上,节点到圆心的距离对应 于它的深度 优点:合理的利用了空间
径向布局节点-链接法 环状径向布局 方法:每个子树递归的采用径 向布局 特点:随着层次深入,子节点 的空间占位逐渐变小
径向布局节点-链接法 圆锥树(Cone Tree) 方法:结合正交布局和径向布 局 特点:随着层次向上深入,圆 锥底面积变小 缺点:层次向下越深时,底层 空间越大,空间不够时造成节 点相互重叠
径向布局节点-链接法 双曲空间(Hyperbolic Space) 方法:布局空间采用双曲空间 而不是欧几里得空间 特点:越靠近中间区域,越稀 疏
大尺度层次结构节点-链接法 问题:节点相互重叠 方法一:焦点+上下文 方法二:兴趣树 DOI树(节点过滤)
空间填充法 使用矩形表示层次结构里的节点,父子层次关系用矩形之间的 相互嵌套隐喻 优点:充分利用屏幕空间
空间填充法 树图
空间填充法 Voronoi树图 采用凸多边形代 替矩形 优点: 1. 相对原填充法 利用率更高 2. 解决经典填充
图算法的长宽 比问题
空间填充法 径向树图(旭日图) 中心的圆表示根节点,各 个层次用同心圆环表示。 比较:空间利用率大于节 点-链接法,小于树图法 缺点:树结构的不平衡造 成某一部分的扇形向外延 伸很长,造成不合理的长 宽比
混合法 相邻层次图
混合法 弹性层次图
混合法 混合旭日图