多彩关系图形信息可视化
40页精选图表展示 · 探索数据的多彩维度
目录
1. 层次结构关系(Hierarchical Relationships)
2. 网络关系(Network Relationships)
3. 流程与流向关系(Flow & Process Relationships)
4. 对比与矩阵关系(Comparison & Matrix Relationships)
01
层次结构关系
Hierarchical Relationships
用于展示数据间的层级、包含或从属关系，帮助清晰梳理复杂的分类体系与组织架构。
组织结构图
图表介绍
展示组织内部的层级结构和汇报关系，清晰界定角色与
职责，常用于企业管理和团队架构展示，提升组织透明
度。
示例说明
以一家科技公司为例，图中展示了从CEO到产品、技术、
市场、运营等各部门总监及员工的垂直层级与横向协作
关系。
典型科技公司架构示例
树状图
核心概念：层级与占比
通过嵌套的矩形来显示数据的层级结构和占比关系，矩
形的面积大小直接代表数值的多少，层级越深，矩形越
细分。
应用场景：电商销售分析
常用于展示不同品类（如电子产品、服装、食品等）的
销售额占比情况，能直观对比各部分对整体的贡献度。
图：某电商平台商品销售额占比树状图示例
旭日图
图表定义与特性
一种多层级的饼图，从内到外展示数据的层级结构和占比。
它突破了传统饼图的维度限制，能直观呈现复杂数据的构
成关系与层级归属。
应用场景示例
展示某品牌产品在不同地区、不同品类下的销售分布情况。
通过层级嵌套，清晰洞察各区域下细分品类的贡献度与市
场表现。
图：多维度销售数据层级分布示例
02
网络关系
NETWORK RELATIONSHIPS
用于展示数据点之间的复杂连接和相互关系，揭示隐藏的结构与互动模式。
复杂连接 节点互动 结构分析
网络图
核心构成：节点与边
由节点 (Nodes)和边 (Edges)组成，用于直观展示实体
间的连接、互动或复杂的关联关系。
典型场景：社交关系网络
常用于分析社交媒体平台上的用户行为，识别核心KOL
节点，划分用户兴趣群体及洞察信息传播路径。
图示：社交媒体用户关注关系网络示例
和弦图
核心概念与原理
和弦图主要用于展示不同类别之间的相互关联和流量。
图中的弧形代表实体类别，连接弧形的“弦”代表关系，
弦的宽度直观反映了关系的强度或流量的大小。
典型应用场景
常用于分析复杂的关系网络，如城市间人口流动、用户
行为路径分析、金融交易流向、以及生态系统中的物种
交互关系等，帮助发现隐藏的连接模式。 示例：城市间人口流动和弦图
力导向图
核心原理：物理力学模拟
利用物理力学算法，将节点视为带电粒子。通过计算节点
间的斥力（保持距离）和引力（关联聚合），自动生成布
局，使关系越近的节点在视觉上越靠近。
应用场景：学术网络分析
可视化展示海量学术论文的引用关系，直观揭示研究领域
的聚类特征及关键枢纽论文。
图示：学术论文引用关系力导向图
03
流程与流向关系
Flow & Process Relationships
用于展示数据或信息的流动过程、步骤和方向，帮助理解业务流转与信息传递逻辑。
流程图
什么是流程图？
使用标准的图形符号来表示工作步骤、决策点和流程方
向，是最常用的流程可视化工具，能清晰展示任务流转
逻辑。
示例：电商购物流程
展示用户在电商平台的典型行为路径：从浏览感兴趣的
商品，到选择规格加入购物车，最后完成下单与支付的
闭环。
图示：标准电商购物流程节点示意
甘特图
项目进度管理利器
直观展示项目任务的起止时间与持续时长，清晰呈现任务
间的依赖关系，帮助团队高效规划与跟踪进度。
新产品开发示例
以典型的敏捷开发流程为例，涵盖需求分析、UI设计、代
码开发、测试验收及最终上线发布五个关键阶段。
图示：新产品开发项目时间规划甘特图
桑基图
数据流向的可视化工具
通过宽度不同的流带来展示数据的流动量，清晰地呈现
数据从一个状态到另一个状态的转换过程和比例关系，
直观反映各部分占比。
能源消耗流向分析示例
展示一个国家的能源消耗全链路：从煤炭、石油、天然
气等一次能源的输入，到工业、交通、建筑等各行业部
门的最终消耗分配。
图表：能源消耗流向桑基图
漏斗图
图表定义与用途
漏斗图用于展示数据在各个阶段的转化和流失情况。其形
状呈漏斗状，从上到下数据量逐渐减少，直观反映了过程
中的损耗。
应用场景示例
以在线广告活动为例：展示从“曝光”到“点击”，再到“访问”
，最终实现“购买”的用户数量层层递减的转化过程，帮助定
位流失环节。
图示：在线广告转化漏斗模型
04
对比与矩阵关系
COMPARISON & MATRIX RELATIONSHIPS
用于对比不同维度的数据或展示数据在二维矩阵中的分布，
帮助我们识别趋势、差异与关联。
条形图
定义与特点
用水平或垂直的条形来表示不同类别的数据大小，利用长
度差异直观呈现，便于快速比较各类别间的数值差异。
应用场景示例
常用于多类别数据的横向对比。例如：对比A、B、C三款
产品在不同季度的销售额，或不同部门的绩效指标对比。
▲ 三款产品季度销售额对比示例
柱状图
图表介绍
与条形图类似，但使用垂直的柱子来表示数据。它能直观
地展示数值大小，常用于展示时间序列数据的变化趋势或
不同类别的数据比较。
示例说明
右侧图表展示了华北、华东、华南、西南等不同地区的用
户注册数量对比。通过柱子的高度差异，可以快速识别出
用户规模最大的区域。
折线图
图表介绍
通过线条连接数据点，能够清晰地展示数据随时间或其
他连续变量变化的趋势，是分析数据波动和走向的最佳
选择。
示例说明
图示为某网站一周内每日的访问量变化趋势。通过折线
的起伏，可以直观地观察到访问高峰出现在周五，达到
了的峰值。
图表：网站一周访问量变化趋势
面积图
图表特性
在折线图的基础上，填充线条下方的区域，更直观地展
示数据的累积量和占比变化，适合表现趋势与体量。
应用示例
展示公司A、B、C三条产品线在过去一年中的收入占比
变化，清晰呈现各产品线对总收入的贡献趋势。
图：三条产品线收入占比变化堆叠面积图
饼图
图表定义与原理
将一个圆分成若干扇形，每个扇形的面积代表一个类别占
总体的比例，直观展示部分与整体的关系。
应用场景示例
展示智能手机市场中不同品牌的市场份额分布，清晰呈现
各品牌在整体市场中的占比情况。
图表：智能手机品牌市场份额分布
雷达图
图表介绍
在一个二维平面上展示多个维度的数据，通过比较多边形
的形状和大小来评估不同对象在各维度上的表现，直观呈
现综合实力差异。
应用示例：手机综合评测
对比三款手机在性能、拍照、续航、屏幕、价格五个核心
维度的表现，帮助用户快速判断哪款手机更符合自身需求。
散点图
核心定义与用途
用点的位置来表示两个变量之间的关系，每个点代表一
个数据记录。它能直观地揭示数据间的相关性或聚类趋
势。
应用场景示例
展示一组人群的身高和体重数据，通过观察点的分布，
探索两者之间是否存在线性相关关系。 图表：人群身高与体重关系分布示例
气泡图
核心概念与原理
在散点图的基础上，增加第三个维度的数据，通过
气泡的大小来直观表示该维度数值的差异，实现三
维数据的二维平面可视化。
应用场景示例
展示不同国家的宏观经济关系：
• X轴：GDP总量
• Y轴：人口总数
•气泡大小：人均GDP水平
图表：不同国家GDP、人口与人均GDP关系
热力图
图表定义与原理
通过颜色的深浅变化来表示数据的密度或强度，将数值
大小映射为视觉颜色，常用于直观展示二维矩阵或平面
区域中的数据分布与聚集情况。
典型应用场景
展示用户在网站首页不同区域的点击热度分布。颜色越
红代表点击频率越高，帮助产品经理快速识别用户兴趣
点，优化页面布局与交互设计。
网站首页点击热度示例
矩阵图
什么是矩阵图？
将数据以二维表格的形式呈现，行和列分别代表不同的
维度，单元格内的内容或颜色代表对应维度组合下的数
值或关系，直观展示多维度对比。
典型应用场景
常用于多产品功能对比。例如右图展示了不同软件产品
（列）在各项功能点（行）上的支持情况（支持/不支
持/部分支持）。
图示：软件产品功能支持情况对比矩阵
对比条形图
核心特点
将不同类别的条形分组展示，便于在同一维度下直观比
较不同组别间的数据差异，发现趋势。
应用场景示例
对比市场部、销售部、研发部在第一、二、三季度的业
绩完成率，快速识别各部门表现差异。
图表示例：三个部门季度业绩对比
堆叠条形图
核心概念与优势
将每个条形内部按子类别进行堆叠，不仅能直观比较不
同类别的总量大小，还能清晰展示各子类别在总量中的
占比构成。
场景应用示例
展示A、B、C三款产品在不同地区的销售额构成。每个
条形代表一个地区，内部不同颜色的堆叠块代表各产品
的具体贡献值。
使用技巧：子类别不宜过多（建议<5个），否则会降低可读性；关键数据建议标注具体数值。
瀑布图
图表定义与价值
瀑布图展示了数据从初始值到最终值的演变过程。通过一
系列悬浮的柱子，直观呈现每个因素（正向或负向）对结
果的具体贡献，清晰揭示了变化的构成。
典型应用场景：财务分析
常用于分析公司利润构成。例如，从“营业收入”开始，逐步
扣除“成本”、“费用”、“税收”等项目，最终得出“净利润”，每
一步的增减变化一目了然。
图示：公司年度利润变化瀑布图示例
词云图
什么是词云图？
词云图是文本数据可视化的常用工具，通过文字的
大小和颜色来表示其出现的频率或重要性，直观展
示文本数据中的关键词。
应用场景示例
展示某款产品用户评论中出现频率最高的关键词，
例如“好用”、“性价比高”、“物流快”等，帮助快速洞
察用户反馈。
图：产品用户评论关键词词云示例
仪表盘图
图表定义与用途
模拟汽车仪表盘的样式，通过指针和刻度直观展示关键指
标的当前值相对于目标值的完成情况，常用于KPI监控和项
目进度跟踪。
示例解读：项目进度
图中展示了项目A的进度完成情况。当前指针指向75%，表
明项目已完成四分之三的工作量，距离100%的目标值还有
一定差距。
漏斗图进阶
核心价值：量化转化流失
在基础漏斗图展示层级的基础上，增加转化率指标标注。
通过数据量化每个环节的流失率，精准定位转化瓶颈，辅
助运营策略优化。
应用示例：营销全链路分析
以营销活动为例，清晰展示从曝光 → 点击 → 注册 → 下单
的层层转化。例如：曝光到点击转化率5%，点击到注册转
化率20%，帮助评估渠道质量。
Ὂ� 关键：关注低转化率节点，作为优化突破口
图：带转化率标注的营销转化漏斗示例
组合图
核心定义
将两种或多种不同类型的图表组合在一起，以展示更复
杂的数据关系。例如，在同一坐标系下同时展示具体数
值和变化趋势。
应用示例
用柱状图展示月度销售额（绝对值），同时用折线图展
示销售额的同比增长率（百分比），直观对比规模与增
速。
树状图进阶
核心概念：双维编码
在基础树状图展示“占比/数值”的基础上，引入颜色编码来
叠加第二个维度的数据（如效率、利润率、增长率等），
实现一图看多效。
应用示例：销售与利润
图中面积大小代表不同品类商品的销售额贡献；颜色深浅
则表示利润率高低（颜色越深，利润越高）。
进阶树状图示例：销售额(面积) & 利润率(颜色)
优势总结：能够直观对比“规模”与“质量”两个关键指标，帮助决策者快速识别出高产出且高效益的明星品类。
网络图进阶
核心视觉编码
通过节点的大小表示其重要性或权重，通过颜色表示其类
别或属性，使网络关系的展示更加丰富和直观。
场景应用示例
展示企业合作网络：节点大小代表公司规模，颜色区分行
业类别，连线代表企业间的合作关系。
图示：多维度编码的企业合作网络图
地理信息图
核心概念与价值
将业务数据与地理区域精准关联，通过颜色深浅渐变或
数据点密度，直观展示不同地区的指标分布差异，揭示
空间维度的业务规律。
场景应用示例
展示某产品在全国各省份的销售额分布情况。地图中颜
色越深的区域代表销售额越高，帮助决策者快速识别高
潜力市场与薄弱区域。
图表：全国各省份销售额热力分布示例
时间轴图
图表介绍
按时间顺序展示一系列事件或里程碑，清晰地呈现事物
的发展历程，帮助受众快速建立时间维度的认知。
示例说明
展示某科技公司从成立、获得融资、发布产品到上市的
关键时间节点，直观呈现企业成长路径。
图示：科技公司发展历程时间轴示例
鱼骨图
什么是鱼骨图？
又称因果图，是一种发现问题“根本原因”的分析方法。它将
问题作为“鱼头”，将各种可能的原因分类整理为“鱼骨”的分
支，帮助系统梳理逻辑。
应用示例：用户流失分析
以“产品用户流失”为核心问题，从产品、市场、服务、竞争
四个维度展开，挖掘导致流失的具体因素，如功能缺陷、
响应慢、竞品优势等。
图示：用户流失原因分析鱼骨图
总结
层次结构关系
用于展示数据的层级归属与包含关系。
包含：组织结构图、树状图、旭日图
网络关系
用于展示节点间的复杂连接与互动关系。
包含：网络图、和弦图、力导向图
流程与流向关系
用于展示数据流转、步骤顺序或阶段变化。
包含：流程图、甘特图、桑基图、漏斗图
对比与矩阵关系
用于展示数据大小、分布、构成及多维度对比。
包含：条形图、折线图、饼图、雷达图、热力图等
感谢观看
THANK YOU
期待与您的交流与反馈
