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
·
SiteGround - Reliable hosting with speed, security, and support you can count on.
→
yafei002
November 30, 2016
Technology
1
670
数据可视化之层次和网络数据可视化(上)
《数据可视化》陈为 沈则潜 陶煜波. (2013) 第九章层次数据可视化总结
yafei002
November 30, 2016
Tweet
Share
More Decks by yafei002
See All by yafei002
了解人工神经网络
yafei002
1
210
了解朴素贝叶斯
yafei002
1
230
了解K-Means算法
yafei002
1
210
了解KNN算法
yafei002
0
170
了解决策树和C4.5算法
yafei002
1
260
数据可视化之视觉感知与认知
yafei002
1
390
数据可视化之地理信息可视化
yafei002
1
390
数据可视化之复杂高维多元数据的可视化(上)
yafei002
1
290
Data Visualization Introduction and History
yafei002
1
320
Other Decks in Technology
See All in Technology
Embedded SREの終わりを設計する 「なんとなく」から計画的な自立支援へ
sansantech
PRO
3
2.6k
茨城の思い出を振り返る ~CDKのセキュリティを添えて~ / 20260201 Mitsutoshi Matsuo
shift_evolve
PRO
1
430
Red Hat OpenStack Services on OpenShift
tamemiya
0
140
Bedrock PolicyでAmazon Bedrock Guardrails利用を強制してみた
yuu551
0
270
顧客との商談議事録をみんなで読んで顧客解像度を上げよう
shibayu36
0
340
こんなところでも(地味に)活躍するImage Modeさんを知ってるかい?- Image Mode for OpenShift -
tsukaman
1
170
AzureでのIaC - Bicep? Terraform? それ早く言ってよ会議
torumakabe
1
620
Claude_CodeでSEOを最適化する_AI_Ops_Community_Vol.2__マーケティングx_AIはここまで進化した.pdf
riku_423
2
610
OWASP Top 10:2025 リリースと 少しの日本語化にまつわる裏話
okdt
PRO
3
850
AIエージェントを開発しよう!-AgentCore活用の勘所-
yukiogawa
0
200
Cloud Runでコロプラが挑む 生成AI×ゲーム『神魔狩りのツクヨミ』の裏側
colopl
0
150
usermode linux without MMU - fosdem2026 kernel devroom
thehajime
0
240
Featured
See All Featured
Making the Leap to Tech Lead
cromwellryan
135
9.7k
30 Presentation Tips
portentint
PRO
1
230
Mobile First: as difficult as doing things right
swwweet
225
10k
VelocityConf: Rendering Performance Case Studies
addyosmani
333
24k
Leveraging LLMs for student feedback in introductory data science courses - posit::conf(2025)
minecr
0
160
Marketing Yourself as an Engineer | Alaka | Gurzu
gurzu
0
130
How To Speak Unicorn (iThemes Webinar)
marktimemedia
1
380
Building a A Zero-Code AI SEO Workflow
portentint
PRO
0
320
Lightning Talk: Beautiful Slides for Beginners
inesmontani
PRO
1
440
Discover your Explorer Soul
emna__ayadi
2
1.1k
Digital Projects Gone Horribly Wrong (And the UX Pros Who Still Save the Day) - Dean Schuster
uxyall
0
400
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
38
2.7k
Transcript
层次数据可视化 数据可视化 yafei002
层次数据 • 层次结构表示 逻辑上的承接 关系,如家谱、 决策树
层次数据的可视化 要点: 对数据中层次关系的有效刻画。 1 节点-链接 2 空间填充 • 擅长: 承接关系
• 缺点: 广度和深度相差较大时,此 方法可读性较差,大量数据点聚集 在屏幕局部范围,难以高效利用有 限的屏幕空间 将空间分块 • 擅长: 包含和从属 • 缺点: 层次不如节点-链接法清晰
层次数据的可视化 3 混合方法 利用上述两种方法 的互补性
节点-链接法 • 节点位置的空间顺序和层次关系一致 • 减少连线之间的交叉 • 减少连线的总长度 • 合适的长宽比,优化空间利用(数据-墨水原则) 核心问题:结点和边的位置编码和视觉符号编码
清晰有效实现的原则: (考虑实际情况,需要综合取舍设计原则)
节点-链接法 1 2 正交布局 径向布局
正交布局节点-链接法 缩进法 二维平面上沿某轴扩充或缩进子节点, 同一层次的节点沿某轴展开或收拢 优点:快速易于实现 缺点:数据量大时需要滚动操作,易失 去上下文
正交布局节点-链接法 缩进法-纵横布局法
正交布局节点-链接法 • 特点:节点放置水平或垂直对齐 • 优点:与坐标轴一致,符合人视觉的规则布局 • 缺点:容易导致不合理的长宽比, 造成数据显示空间不足和屏幕空间的浪费
径向布局节点-链接法 根节点位于圆心,不同层次的 节点被放置在半径不同的同心 圆上,节点到圆心的距离对应 于它的深度 优点:合理的利用了空间
径向布局节点-链接法 环状径向布局 方法:每个子树递归的采用径 向布局 特点:随着层次深入,子节点 的空间占位逐渐变小
径向布局节点-链接法 圆锥树(Cone Tree) 方法:结合正交布局和径向布 局 特点:随着层次向上深入,圆 锥底面积变小 缺点:层次向下越深时,底层 空间越大,空间不够时造成节 点相互重叠
径向布局节点-链接法 双曲空间(Hyperbolic Space) 方法:布局空间采用双曲空间 而不是欧几里得空间 特点:越靠近中间区域,越稀 疏
大尺度层次结构节点-链接法 问题:节点相互重叠 方法一:焦点+上下文 方法二:兴趣树 DOI树(节点过滤)
空间填充法 使用矩形表示层次结构里的节点,父子层次关系用矩形之间的 相互嵌套隐喻 优点:充分利用屏幕空间
空间填充法 树图
空间填充法 Voronoi树图 采用凸多边形代 替矩形 优点: 1. 相对原填充法 利用率更高 2. 解决经典填充
图算法的长宽 比问题
空间填充法 径向树图(旭日图) 中心的圆表示根节点,各 个层次用同心圆环表示。 比较:空间利用率大于节 点-链接法,小于树图法 缺点:树结构的不平衡造 成某一部分的扇形向外延 伸很长,造成不合理的长 宽比
混合法 相邻层次图
混合法 弹性层次图
混合法 混合旭日图