【数据可视化】2023数据科技工资可视化

(可视化)2023数据科技工资可视化

一、作品名称

2023数据科技工资可视化。

二、作品主题和数据来源说明

我们的数据主要来自于kaggle的，为了更好地了解数据科技这几年的发展，我们还下载了行行查里面的2023年所有职业需求。我们主要是实现了2023数据科技工资可视化，使想找相关工作的用户可以更加直观的看到哪个职业、哪个地区的需求最高，哪个工作的工资最高。
数据包含：
1.work_year：工作的年份。
2.experience_level：一年中在职的经验水平
3.employment_type：该职位的雇佣类型
4.job_title：这一年中担任的角色。
5.Salary工资：支付的工资总额。
6.salary_currency：作为 ISO 4217 货币代码支付的工资货币。
7.薪水美元：美元工资
8.employee_residence：员工在工作年度内的主要居住国，作为 ISO 3166 国家/地区代码。
9.remote_ratio：远程完成的工作量
10.company_location：雇主的主要办事处或承包分支机构所在的国家/地区
11.company_size：一年中为公司工作的人数中位数
12.2023年市场所有职业需求
（后又自己整理总结出了出现，市场需求最多的职业，最热门需求最多的几个职业的最高工资，最低工资和平均工资。）

三、作品核心图表说明（图表选取、可视化效果、代码截图等）

一、整体详解：

讲解：布局我们主要采用了css+html布局，因为一共有五个图，我们参考了双飞翼的布局模式，上方添加了标题和所在时间，把下方的整个页面主要笼统的分为了三列。上面一行主要放置了环形图，矩形树图和折线图，下方放置了一个动态下潜动画和数据集里面所有具体职业所组成的词云图。

代码+讲解:

上图的截图为在html中添加如上话句调用尝试.css，添加样式。

上两张图为尝试.css中主要的几个样式，如上语句搭建好了页面的主要背景，添加了标题部分的主要样式，并且组合html中的语句添加了时钟的样式。

上面主要是下方几个可视化图像的布局，主要是采用了div的模式，这样的布局更加清晰明了，后期图片有所更改、增加、删除都可以快速更改，页面适应性更加好。

二、环形图：
讲解：这个图我们采用的是主要是展示了2023年国家统计的职业需求分布，在图像里面可以明显的看出对信息科技方面依然有着很大的需求，但部分其他行业职业需求显著增多产生巨大缺口。为想找工作的客户提供更加全面的信息，展现出2023整体的一个职业需求情况，让用户可以做出更好的选择。

图像：

代码+讲解:

为了更好的传达信息，我们把图像的主题模式设置成light模式，与颜色深蓝色的背景可以有更大的对比，使图更加明显。

上图为环形图所添加的具体数据。

三、矩形树图：
讲解：这个图我们主要是展示了2023数据科技不同地区的需求量矩形树图展示，还有具体数据科技相关职业需求量的展示，还有不同地区的可远程率的展示，让用户更加直观的了解到相关的数据，在选择相关的职业时可以做出更加有效正确的决定。
图像：

代码+解析：

矩形树图主要的代码如上，展示了公司所在地、职业名称、远程比率这几个数据的分块，让人可以快速查看到数据科技职业的地区、具体职业需求、可远程率最多的几个城市、职业。

四、折线图：
讲解：这个图我们主要是展示了2023年国家统计的职业需求分布，在图像里面可以明显的看出对信息科技方面依然有着很大的需求，但部分其他行业职业需求显著增多产生巨大缺口。为想找工作的客户提供更加全面的信息，展现出2023整体的一个职业需求情况，让用户可以做出更好的选择。
图像：

代码+解析：

确定了五个最热门职业

添加了从代码里跑出来的五个随机数据，更加直观的反应工资。
五、下潜动画（动态图）：
讲解：这个图我们整理总结数据，计算出了市场上最热门、需求最多的几个职业的最高工资，最低工资和平均工资，并运用下潜动画展示了2023年国家统计的职业需求最热门的五个职业需求量，在点击具体的职业时展现具体的这个职业的工资最大值、最小值、平均值。
图像：

代码+解析：

先确定直接展示的五个最热门的职业，把相关的数据确定。

如上图所示，是填入的下潜动画后的每一个的数据，为了有动态效果我们添加了点击事件，实现点击相关的职业时可以直接的跳转到我们整理好的这个职业最多工资值、最少工资值和平均工资值。

六、词云图：
讲解：这个图我们主要是展示了2023年所有相关职业的名称，并用生动的文字大小展现了名称出现的次数，更加直观的为用户展现了市场上数据科技职业的需求：

代码+解析：

上图是词云图的主要代码部分，我们这边尝试了多种词云图的图像，最终选择了正方形，因为相关的职业的名称都有点长，所以其他或多或少会损失拐点的词汇。