当前位置: 首页 > news >正文

CS5346 - CHARTS: Chart with Point / Bar / Line / Box

文章目录

  • Chart with Point(点图)
    • Scatter Chart(散点图)
    • Pictogram(图标)
    • Connected Scatter Plot
    • Connected Dot plot(连接点图)
    • Bubble Chart(气泡图)
  • Chart with Bar(带条形的图)
    • Bar Chart(条形图)
    • Horizontal Bar Chart(横向条形图)
    • Stacked Bar Chart(堆叠条形图)
    • Clustered Bar Chart(分组条形图)
    • Clustered Bar Chart v.s. Stacked Bar Chart(分组条形图和堆叠条形图的比较)
    • Range Chart(范围图表)
    • Bar Chart 使用技巧
    • Histogram(直方图)
      • 直方图和普通 bar chart 的区别
      • Histogram 的构成要素
      • Histogram 的使用技巧
        • 什么时候 histogram 的 interval 不等宽?
  • Chart with Line(线图)
    • 线图的实践建议
    • Slope Chart(斜率图)
    • Bump Chart(名次变化图)
    • Sankey Chart(桑基图)
    • Area Chart 面积图
    • Stacked Area Chart(堆叠面积图)
    • Density Plot(密度图)
  • Chart with Box(箱型图)
    • Box and Whisker Plot(箱型图)
    • CandleStick Chart(蜡烛图)
    • Violin Chart(小提琴图)

在这里插入图片描述
制图可以采取两种思路:

  • Top-down:从工具中选择图表类型,再匹配数据;
  • Bottom-up:根据数据想表达的视觉编码需求,选择最合适的图表。

Chart with Point(点图)

在这里插入图片描述

Scatter Chart(散点图)

在这里插入图片描述
🔍 功能与目的

  • 用于探索变量间的相关性(relationship),例如:是否存在线性关系、方向、强度等。
  • 适合初步数据探索(EDA)或趋势识别。

⚠️ 限制与注意事项

  • 当变量取值变化范围小,容易产生“遮挡(Occlusion)”问题:多个点重叠,导致信息丢失。

  • 可通过增加透明度、抖动(jittering)、或在点上标注数量来缓解。
    在这里插入图片描述

Pictogram(图标)

🟦 Pictogram 的定义与特征

  • 又称 Symbol chart,属于Chart with Point 类图表中的一种。
  • 其核心目的是:以更人性化或轻松的方式展示定量数据,常用于大众传播或教育类可视化。

在这里插入图片描述

在这里插入图片描述🔍 可视化结构与表示方式

  • 展示的是不同主类的定量值(quantitative values for major categories)

  • 通过 堆叠的图形符号(symbols or pictures) 代表每个类别的数据量。

  • 每个图形可以代表一个或多个单位,如“一个图标 = 1000人”。

🔗 与 Scatter Chart 的差异对比:

  • Scatter 是按 坐标位置 表示两个变量之间关系(position is channel);

  • Pictogram 是按 数量叠加图形表达数值大小(count is encoding),更接近 bar chart 的功能,但图形替代了柱条。

Connected Scatter Plot

🔶 Connected Scatter Plot(又名 Trail Chart)

📌 基本定义

  • 展示 两个定量变量 随时间变化的关系

  • 每个点代表某一时间点的数据(x 和 y 是两个量化指标)。

  • 通过 线条连接时间顺序的点,呈现变化轨迹(路径感、趋势感)

🔗 分类归属:此图属于“Chart with Point” 和“Temporal Trends” 的交叉类型,既是散点图的变体,也具备类似折线图的趋势性。

在这里插入图片描述

Connected Dot plot(连接点图)

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

  • 上图中,左边的 y 轴是各行业
  • 然后紫色的点代表 men,绿色点代表 women

Bubble Chart(气泡图)

在这里插入图片描述

  • 在散点图基础上引入大小作为第三变量
  • 气泡图对于探索 变量之间的模式、趋势和相关性 非常有用。它们有助于识别是否存在显著关系、关系的程度,或者根本没有相关性。
    在这里插入图片描述

在这里插入图片描述

Chart with Bar(带条形的图)

在这里插入图片描述


Bar Chart(条形图)

在这里插入图片描述
在这里插入图片描述

Horizontal Bar Chart(横向条形图)

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

  • 包含额外的带状图以帮助解释条形图

  • 不同的颜色明度或暗度(相同色相但明度或暗度不同)通常用于区分上下文带状图。

Stacked Bar Chart(堆叠条形图)

在这里插入图片描述在这里插入图片描述

Clustered Bar Chart(分组条形图)

在这里插入图片描述在这里插入图片描述

Clustered Bar Chart v.s. Stacked Bar Chart(分组条形图和堆叠条形图的比较)

在这里插入图片描述

Range Chart(范围图表)

在这里插入图片描述在这里插入图片描述

在这里插入图片描述


Bar Chart 使用技巧

在这里插入图片描述

Histogram(直方图)

在这里插入图片描述

直方图和普通 bar chart 的区别

在这里插入图片描述

Histogram 的构成要素

在这里插入图片描述

Histogram 的使用技巧

在这里插入图片描述
在这里插入图片描述

什么时候 histogram 的 interval 不等宽?

在这里插入图片描述
在这里插入图片描述

Chart with Line(线图)

在这里插入图片描述
在这里插入图片描述

线图的实践建议

在这里插入图片描述

Slope Chart(斜率图)

在这里插入图片描述在这里插入图片描述

Bump Chart(名次变化图)

在这里插入图片描述
在这里插入图片描述

Sankey Chart(桑基图)

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述在这里插入图片描述

Area Chart 面积图

在这里插入图片描述在这里插入图片描述在这里插入图片描述

Stacked Area Chart(堆叠面积图)

在这里插入图片描述

在这里插入图片描述

Density Plot(密度图)

在这里插入图片描述
在这里插入图片描述

Chart with Box(箱型图)

在这里插入图片描述


Box and Whisker Plot(箱型图)

在这里插入图片描述

在这里插入图片描述

CandleStick Chart(蜡烛图)

在这里插入图片描述
在这里插入图片描述

Violin Chart(小提琴图)

在这里插入图片描述在这里插入图片描述


http://www.mrgr.cn/news/98605.html

相关文章:

  • 神经光子渲染:物理级真实感图像生成——从麦克斯韦方程到深度学习
  • Windows安装Ollama并指定安装路径(默认C盘)
  • Godot学习-创建简单动画
  • RK3568 更换显示logo
  • 人形机器人动作策略 ∼ 人类动作策略
  • 确保连接器后壳高性能互连的完整性
  • 从零到一:网站设计新手如何快速上手?
  • 关于系统架构思考,如何设计实现系统的高可用?
  • Spring Boot一次接口请求涉及的完整执行链路
  • 【Pandas】pandas DataFrame tail
  • 解决靶机分配的 IP 地址与 Kali 机器静态 IP 地址冲突的方法
  • MyBatis 如何使用
  • 实用类题目
  • 【软件工程大系】净室软件工程
  • SageAttention2
  • 基于AD9767高速DAC的DDS信号发生器
  • C++学习之工厂模式-套接字通信
  • 【本地图床搭建】宝塔+Docker+MinIO+PicGo+cpolar:打造本地化“黑科技”图床方案
  • IDEA202403 常用设置【持续更新】
  • LWIP学习笔记