当前位置: 首页 > 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(小提琴图)

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

相关文章:

  • matlab中simulink的快捷使用方法
  • 用友U8在参照生产订单界面显示各个仓别的可用量
  • 机器学习03——K近邻
  • 【漫话机器学习系列】204.不确定性的来源(Sources Of Uncertainty)
  • 算力狂飙时代:解码2024年上海及周边区域IDC市场的三重构局
  • 神经网络模型应用到机器学习时的难点
  • 4.16学习总结
  • 数据中台(大数据平台)之数据资源目录
  • Redisson分布式锁深度解析:原理、源码与最佳实践
  • DAY09:【pytorch】nn网络层
  • Spring Boot 整合 Redis 实现点赞功能:从基础到实践
  • 2000-2017年各省原油消费量数据
  • 第2.4节:学会像AWK一样思考
  • 从标准九九表打印解读单行表达式的书写修炼(Python)
  • Linux:安装 CentOS 7(完整教程)
  • 环境一号卫星系列:HJ-1A + HJ-1B + HJ-1C 卫星详解
  • NLP高频面试题(四十五)——PPO 算法在 RLHF 中的原理与实现详解
  • STM32F103ZET6移植FATFS文件系统教程(W25Q32)
  • 文件操作(二进制文件)
  • Vue el-from的el-form-item v-for循环表单如何校验rules(二)
  • vs2013做网站教程/中国最新消息新闻
  • 高新区网站建设/国内真正的永久免费砖石
  • 做爰午夜福利全过程视频网站/什么是seo营销
  • 做视频网站的备案要求吗/优化推广网站怎么做
  • 如何设计制作一般的企业网站/篮网目前排名
  • 阿里云做私服网站/班级优化大师下载安装