Day3.数据可视化-- 可视化基础

偏执的太偏执、 2023-03-12 07:26 16阅读 0赞

## **可视化**主要是以图像来展示数据间的关系，常见的图形种类有**折线图,散点图,条形图，直方图，饼图**。此外在接下来课程中还会用到**箱线图，热力图，蜘蛛图**，表示二元变量分布和成对关系的视图。学好可视化，不仅要会画图，更要梳理数据见的关系，以合适的方式将数据通过图形表达出来。 ##

## 今天我们要来了解折线图，散点图，条形图，直方图，饼图和器特点。认识Matplotlib的图像结构，并以Matplotlib绘制折线图为例来掌握设置辅助显示层；此外，用Matplotlob设置辅助显示层，内容还增添拓展部份，平时用到的不是很多，作为了解即可。 ##

### 常见图像 ###

*  #### 折线图：以折线的上升或下降来表示统计数量的增减变化的统计图 ####
    
    **特点：能够显示数据的变化趋势，反映事物的变化情况。(变化)**

![format_png][]

*  #### 散点图（Scatter）：用两组数据构成多个坐标点，考察坐标点的分布,判断两变量之间是否存在某种关联或总结坐标点的分布模式。 ####
    
    **特点：判断变量之间是否存在数量关联趋势,展示离群点(分布规律)**

![format_png 1][]

*  #### 条形图：排列在工作表的列或行中的数据可以绘制到柱状图中。 ####
    
    **特点：绘制连离散的数据,能够一眼看出各个数据的大小,比较数据之间的差别。(统计/对比)**

![format_png 2][]

*  #### 直方图(Histogram)：由一系列高度不等的纵向条纹或线段表示数据分布的情况。一般用横轴表示数据范围，纵轴表示分布情况。 ####
    
    **特点：绘制连续性的数据展示一组或者多组数据的分布状况(统计)**
    
    ![format_png 3][]

*  #### 饼图(pie)：用于表示不同分类的占比情况，通过弧度大小来对比各种分类。 ####
    
    **特点：分类数据的占比情况(占比)**

![format_png 4][]

## Matplotlib画图基础 ##

![format_png 5][]

第一天我们介绍过Matplotlib，它是一个Python 2D绘图库，它可以在各种平台上以各种硬拷贝格式和交互式环境生成出具有出版品质的图形。只需几行代码即可生成绘图，直方图，条形图,散点图等。

### Matplotlib画图的简单实现 ###

# 导入模块
    import matplotlib.pyplot as plt
    # 在jupyter中执行的时候显示图片
    #matplotlib inline
    # 传入x和y, 通过plot画图
    plt.plot([3, 1, 7], [4, 5, 6])
    # 在执行程序的时候展示图形
    plt.show()

传入x和y时，括号中的第一个列表是x轴上的值，第二个列表是y上的值。

运行结果：

![format_png 6][]

### 对Matplotlib图像结构的认识 ###

![format_png 7][]

在学习Matplotlib的过程中，大家一定会遇到这样那样的问题，比如说，背景图怎么设置？坐标轴怎么设置？坐标轴上的刻度值怎么设置？因此对于Matplotlib的图像结构组成我们要有一定的了解。通常情况下，我们可以将一副Matplotlib图像分成三层结构：

1.  第一层是底层的容器层
    
    主要包括Canvas(画板)底层、Figure（画布）用户操作第一层设置画布的大小和背景颜色、Axes（绘图区）独立的坐标系；
2.  第二层：辅助显示层
    
    主要包括Axis（轴）、Spines（边框线）、Tick（坐标轴刻度）、Grid（网格线）、Legend（图例说明）、Title（标题）等，该层可通过set\_axis\_off()或set\_frame\_on(False)等方法设置不显示。
    
    该层的设置可使图像显示更加直观更加容易被用户理解，但又并不会对图像产生实质的影响。
3.  第三层：图像层
    
    即通过plot、hist、contour、scatter等方法绘制的图像。

## Matplotlib绘制折线图 ##

### 折线图的绘制 ###

from matplotlib import pyplot as plt
    x = range(1,8) # x轴的位置
    y = [17, 17, 18, 15, 11, 11, 13]
    # 传入x和y, 通过plot画折线图
    plt.plot(x,y)
    plt.show()

x轴数值的产生使用range函数，开始数字是1，结束时7，不包含8。

运行结果：

![format_png 8][]

### 折线的颜色和形状设置 ###

from matplotlib import pyplot as plt
    x = range(1,8) # x轴的位置
    y = [17, 17, 18, 15, 11, 11, 13]
    # 传入x和y, 通过plot画折线图
    plt.plot(x, y, color='red',alpha=0.5,linestyle='--',linewidth=3)
    plt.show()
    '''基础属性设置
    color='red' : 折线的颜色
    alpha=0.5 : 折线的透明度(0-1)
    linestyle='--' : 折线的样式
    linewidth=3 : 折线的宽度
    '''
    '''线的样式
    - 实线(solid)
    -- 短线(dashed)
    -. 短点相间线(dashdot)
    ：虚点线(dotted)
    '''

运行结果：

![format_png 9][]

### 折点样式 ###

from matplotlib import pyplot as plt
    x = range(1,8) # x轴的位置
    y = [17, 17, 18, 15, 11, 11, 13]
    # 传入x和y, 通过plot画折线图
    plt.plot(x, y, marker='v' )
    plt.show()

运行结果：

![format_png 10][]

折点形状选择：

标记maker            描述
    
    ‘o’                 圆圈  
    ‘.’                 点
    ‘D’                 菱形  
    ‘s’                 正方形
    ‘h’                 六边形1    
    ‘*’                 星号
    ‘H’                 六边形2    
    ‘d’                 小菱形
    ‘_’                 水平线 
    ‘v’                 一角朝下的三角形
    ‘8’                 八边形 
    ‘<’                 一角朝左的三角形
    ‘p’                 五边形 
    ‘>’                 一角朝右的三角形
    ‘,’                 像素  
    ‘^’                 一角朝上的三角形
    ‘+’                 加号  
    ‘\  ‘               竖线
    ‘None’,’’,’ ‘       无  
    ‘x’                 X

### 设置图片的大小和保存 ###

from matplotlib import pyplot as plt
    import random
    x = range(2,20,2) # x轴的位置
    y = [random.randint(15, 30) for i in x]
    # 设置图片的大小
    '''
    figsize:指定figure的宽和高，单位为英寸；
    dpi参数指定绘图对象的分辨率，即每英寸多少个像素，缺省值为80 1英寸等于2.5cm,A4纸是 21*30cm的纸张
    '''
    # 设置画布对象
    plt.figure(figsize=(20,8),dpi=80)
    plt.plot(x,y) # 传入x和y, 通过plot画图
    # 保存(注意：要放在show的上面，plt.show()会释放figure资源，如果在显示图像之后保存图片将只能保存空图片。)
    plt.savefig('./t1.png')
    #./表示放在当前python文件的目录
    plt.show()
    # 图片的格式也可以保存为svg这种矢量图格式，这种矢量图放在网页中放大后不会有锯齿
    # plt.savefig('./t1.svg')

x轴的数值，使用range(),step为2,不包括20；y轴的数值是一个列表表达式，由随机数产生，import random之后，randint产生随机整数，范围是15-30。“for i in x”是一个循环，作用是表明y轴数值产生随机数的次数，次数由x轴上数值的个数决定。

运行结果：

![format_png 11][]

### 绘制x轴和y轴的刻度 ###

from matplotlib import pyplot as plt
    x = range(2,26,2) # x轴的位置
    y = [random.randint(15, 30) for i in x]
    plt.figure(figsize=(20,8),dpi=80)
    # 设置x轴的刻度
    # plt.xticks(x)
    # plt.xticks(range(1,25))
    # 设置y轴的刻度
    # plt.yticks(y)
    # plt.yticks(range(min(y),max(y)+1))
    # 构造x轴刻度标签，for循环读取x轴刻度并控制产生刻度标签的个数，并以相应的格式显示；{}中，放置format(i)括号中的i，也就是取得x
    x_ticks_label = ["{}:00".format(i) for i in x]
    #rotation = 45 让字旋转45度
    plt.xticks(x,x_ticks_label,rotation = 45)
    # 设置y轴的刻度标签
    y_ticks_label = ["{}℃".format(i) for i in range(min(y),max(y)+1)]
    plt.yticks(range(min(y),max(y)+1),y_ticks_label)
    # 绘图
    plt.plot(x,y)
    plt.show()

在设置Y轴标签时，标签数值的取值范围range(min(y),max(y)+1)，这里min()和max()时是函数，分别取y中的最小和最大值，由于range函数不包集合右边的值，故加1。plt.yticks(range(min(y),max(y)+1),y\_ticks\_label)中，y\_ticks\_label表示y轴刻度产生的次数。

运行结果：

![format_png 12][]

### 设置显示中文 ###

matplotlib只显示英文，无法显示中文，需要修改matplotlib的默认字体。通过模块font\_manager使用中文字体可以解决。

以表示两个小时内心脏每分钟跳动变化为例，x轴需要加上标题“时间”，y轴“次数”，图像标题“每分钟跳动次数”,如下图所示：

![format_png 13][]

from matplotlib import pyplot as plt
    import matplotlib
    import random
    x = range(0,120)
    y = [random.randint(10,30) for i in range(120)]
    plt.figure(figsize=(20,8),dpi=80)
    plt.plot(x,y)
    # 加坐标轴信息
    
    '''
    查看Windows下的字体：“C:\Windows\Fonts”
    可以自己下载字体文件（xxx.ttf），然后双击安装即可
    图片中选用的是仿宋字体，simfang.ttf
    '''
    from matplotlib import font_manager
    my_font = font_manager.FontProperties(fname='C:\Windows\Fonts\simfang.ttf',size=18)
    plt.xlabel('时间',fontproperties=my_font,rotation=45)
    plt.ylabel("次数",fontproperties=my_font)
    # 设置标题
    plt.title('每分钟跳动次数',fontproperties=my_font,color='red')
    plt.show()

### 一图多线 ###

# 假设大家在30岁的时候，根据自己的实际情况，统计出来你和你同事各自从11岁到30岁每年交的男/女朋友的数量如列
    #表y1和y2，请在一个图中绘制出该数据的折线图，从而分析每年交朋友的数量走势。
    y1 = [1,0,1,1,2,4,3,4,4,5,6,5,4,3,3,1,1,1,1,1]
    y2 = [1,0,3,1,2,2,3,4,3,2,1,2,1,1,1,1,1,1,1,1]
    x = range(11,31)
    # 设置图形
    plt.figure(figsize=(20,8),dpi=80)
    plt.plot(x,y1,color='red',label='自己')
    plt.plot(x,y2,color='blue',label='闺蜜')
    # 设置x轴刻度
    xtick_labels = ['{}岁'.format(i) for i in x]
    my_font = font_manager.FontProperties(fname='C:\Windows\Fonts\simfang.ttf',size=18)
    plt.xticks(x,xtick_labels,fontproperties=my_font,rotation=45)
    # 绘制网格（网格也是可以设置线的样式)
    #alpha=0.4 设置透明度
    plt.grid(alpha=0.4)
    # 添加图例(注意：只有在这里需要添加prop参数是显示中文，其他的都用fontproperties)
    # 设置位置loc : upper left、 lower left、 center left、 upper center
    plt.legend(prop=my_font,loc='upper right')
    #展示
    plt.show()

运行结果：

![format_png 14][]

### 拓展部分：一图多个坐标系 ###

# 方法add_subplot：给figure新增子图
    
    # 这里引进的科学计算库Numpy,把它看作一个[列表]即可，目的是要使用log方法画log对数函数。
    import numpy as np
    from matplotlib import pyplot as plt
    x = np.arange(1, 100) #与range（）相同
    #新建figure画布对象，三个坐标轴（子图）建立在同一个画布上
    fig=plt.figure(figsize=(20,10),dpi=80)
    
    #利用画布对象，在上面放置三个坐标系
    #新建子图1
    ax1=fig.add_subplot(2,2,1)
    ax1.plot(x, x)
    #新建子图2
    ax2=fig.add_subplot(2,2,2)
    ax2.plot(x, x ** 2) #x的二次方，如果是x**3是x的三次方
    ax2.grid(color='r', linestyle='--', linewidth=1,alpha=0.3)
    #新建子图3
    ax3=fig.add_subplot(2,2,3)
    ax3.plot(x, np.log(x))
    plt.show()

在这里解释一下add\_subplot(2,2,1)里的参数的含义。在一个画布上放置三个图，需要排列位置。

首先将一张图，分成两列，再分成两行，总共划分出四个格子，子图1按照从左到右从上到下的顺序放在第一个格子里。

运行结果：

![format_png 15][]

### 拓展部分：设置坐标轴范围    ###

#首先画出一个二次函数曲线
    import matplotlib.pyplot as plt
    import numpy as np
    x= np.arange(-10,11,1)
    y = x**2
    plt.plot(x,y)

运行结果：

![format_png 16][]

#通过设置x轴的范围，截取x，y轴部分
    import matplotlib.pyplot as plt
    import numpy as np
    x= np.arange(-10,11,1)
    y = x**2
    plt.plot(x,y)
    # 调x轴的左右两边
    # plt.xlim([-5,5])
    # 只调一边
    # plt.xlim(xmin=-4)
    # plt.xlim(xmax=4)
    #这里我们只保留x为正的部分
    plt.ylim(ymin=0)
    plt.xlim(xmin=0)
    plt.show()

运行结果：

![format_png 17][]

***02***

**小作业**

**1、**说出五种常用图像的特点。

**2、**运用Matplotlib,自己编数据设计样式，绘制一幅自己的折线图。

![format_png 18][]

[![format_png 19][]][format_png 19 1]

**写在后面：**

今天还是一样~评论区留言打卡~

不知不觉第三天啦~~

还记得吗，学姐准备了一点小惊喜送给你

记得在群里分享你的完成情况哦~

![format_png 20][]

好文章，我在看❤

[format_png]: /images/20230312/dadcd805542c4d14a8c35cc82ba6f716.png
[format_png 1]: /images/20230312/074dd7405cb44e9baa3a0f1eaf6fb12f.png
[format_png 2]: /images/20230312/a5b12b6c9ece41f08f70115b4448c29a.png
[format_png 3]: /images/20230312/907d2b2cfa5b4b5c85620dd5730479ee.png
[format_png 4]: /images/20230312/9631d0a6428c4a8bb70112a1fe0a7209.png
[format_png 5]: /images/20230312/9d95e5eacfd54dbd8e84e335a4a1a592.png
[format_png 6]: /images/20230312/ebd289bcb5804973aa349f701f915acd.png
[format_png 7]: /images/20230312/5888748f26304174a27d375268545994.png
[format_png 8]: /images/20230312/337dd2fd3d6d4e0eb601134bba9b7561.png
[format_png 9]: /images/20230312/ccd7071341054008b4e100c89bd14989.png
[format_png 10]: /images/20230312/a752ce642b684a4094f420a2c3fe14fc.png
[format_png 11]: /images/20230312/d94a61125b574a19bad5fecf81b88b18.png
[format_png 12]: /images/20230312/222a2b9256ee46ab803bf84ca2392f86.png
[format_png 13]: /images/20230312/1820ec5309134302b188f6a4c4be9f46.png
[format_png 14]: /images/20230312/faf9bac2a44e4c0080f9cfa0c37e1d64.png
[format_png 15]: /images/20230312/98d42f51d4c84b878debfd0711ed6253.png
[format_png 16]: /images/20230312/54c66b4a989343f695bd0e339e51b72c.png
[format_png 17]: /images/20230312/0bb11f432590466cad55c292bd302e17.png
[format_png 18]: /images/20230312/f153f87ae75e4feeabfc8b67b12de73f.png
[format_png 19]: /images/20230312/a549a94ec6e64b15a70f5146f212d6de.png
[format_png 19 1]: http://mp.weixin.qq.com/s?__biz=MzIwMTMxMTQxNQ%3D%3D&chksm=8157e51fb6206c0914ba5323a3a3c03743d764d499addef4b55565d462aac48398238d9cf36e&idx=1&mid=2454491335&scene=21&sn=691f581858344373b08b79bfb152c390#wechat_redirect
[format_png 20]: /images/20230312/09fc9d8f4c7c431898a949e1789cfcb6.png