提问 发文

可视化图表:散点图,数据分布一目了然。

微微菌

| 2023-07-25 10:39 261 0 0

散点图是一种常用的可视化图表,可以通过散点的分布情况展示变量之间的关系和数据的分布情况。在散点图中,数据以点的形式表示,并按照不同的横纵坐标进行位置排列。通过观察点的分布情况,我们可以获得数据集的一些直观的信息。

绘制散点图的步骤通常包括以下几个方面:

  1. 1、收集数据:首先,需要收集要绘制的数据。这些数据可以是实验测量结果、调查数据或其他形式的统计数据。确保你有足够的数据来支持图表的准确度和有效性。

  2. 2、设定变量:选择要在散点图中表示的变量。将一个变量作为横坐标,将另一个变量作为纵坐标。这取决于你想要显示和分析的关系。

  3. 3、绘制坐标轴:绘制横纵坐标轴,并为它们标上相应的变量名称和单位。这将帮助读者理解散点图所表达的含义。

  4. 4、绘制数据点:根据收集到的数据,在散点图上绘制数据点。每个数据点代表一个观测值,并且在坐标系中具有对应的横纵坐标值。可以使用不同的符号、颜色或大小来表示不同的数据点属性。

  5. 5、解读数据分布:观察数据点的分布情况,例如是否存在聚集性、趋势性或离群点等。这些信息可以帮助我们理解变量之间的关系或数据的分布模式。

  6. 6、添加趋势线(如果需要):在散点图中,有时还可以添加一条趋势线,用于表示变量之间的趋势或相关性。趋势线可以帮助更好地理解数据的整体走向。

总的来说,散点图是一种非常直观和易于理解的可视化方式,可以帮助我们发现数据中的模式、异常值和关联性。在数据分析和可视化中,散点图是一种常见的工具,广泛应用于各种领域,包括统计学、经济学、医学研究等。


一、散点图的作用

散点图(Scatter Plot)是一种可视化图表,用于显示两个变量之间的关系。它通过在坐标系中绘制一系列离散的点来表示数据,其中每个点的位置由两个变量的值确定。

图片

散点图的作用主要有以下几个方面:

  1. 揭示变量之间的关系:散点图可以帮助我们观察两个变量之间的关系,例如是否存在线性关系、趋势或者异常值。通过观察点的分布和趋势,我们可以了解变量之间的相关性以及可能的模式。

  2. 发现异常值:散点图可以帮助我们发现数据中的异常值。异常值通常是与其他数据点明显不同的点,通过散点图可以直观地识别这些异常值,从而帮助我们进行数据清洗和异常处理。


图片


  1. 验证模型:散点图可以用于验证模型的合理性和准确性。通过将模型的预测值与实际观测值绘制在散点图上,我们可以直观地比较它们之间的差异,并评估模型的拟合程度。

  2. 观察数据分布:散点图可以帮助我们观察数据的分布情况。通过观察点的密度和分布情况,我们可以了解数据的集中程度、离散程度以及可能存在的聚类或群组。

  3. 辅助数据探索和分析:散点图是数据探索和分析的重要工具之一。通过绘制不同变量组合的散点图,我们可以深入了解数据中的模式、趋势和关联,从而帮助我们进一步分析和解释数据。

图片

总之,散点图是一种简单而有效的可视化工具,可以帮助我们观察变量之间的关系、发现异常值、验证模型、观察数据分布,并辅助数据的探索和分析。它在数据分析、统计学和机器学习等领域具有广泛的应用。

二、散点图的数学原理

散点图的数学原理主要涉及两个方面:坐标系和数据点的表示。

坐标系:散点图通常使用笛卡尔坐标系来表示数据点的位置。笛卡尔坐标系由两个垂直的轴组成,分别是水平的 x 轴和垂直的 y 轴。x 轴表示一个变量的取值,y 轴表示另一个变量的取值。通过在坐标系中确定每个数据点的 x 和 y 坐标,可以将数据点绘制在散点图上。

数据点的表示:散点图中的每个数据点通过一个点来表示。每个点的位置由其对应的 x 和 y 坐标确定。通常,x 轴上的数值表示一个自变量,y 轴上的数值表示一个因变量。数据点可以用不同的符号、颜色或大小来表示不同的类别或属性,以便更好地展示多个变量的关系。

图片


在绘制散点图时,可以根据具体的需求和数据特点进行进一步的处理和分析。例如,可以添加趋势线来显示变量之间的线性关系,或者使用颜色映射来表示第三个变量的取值。此外,还可以使用散点图来展示多个变量之间的关系,通过绘制多个数据点集合来实现。

总结起来,散点图的数学原理涉及坐标系的使用和数据点的表示。通过确定每个数据点的坐标,可以将数据点绘制在散点图上,从而展示变量之间的关系和数据的分布情况。

三、散点图都有哪些形式

散点图可以有多种形式,取决于数据的特点和分析的目的。以下是几种常见的散点图形式:

基本散点图:基本散点图是最简单的形式,将每个数据点表示为一个点,横轴和纵轴分别表示两个变量的取值。这种形式适用于简单的数据展示和初步的数据分析。

色彩散点图:在基本散点图的基础上,可以使用颜色来表示第三个变量的取值。通过将不同取值映射为不同的颜色,可以在散点图中同时展示三个变量之间的关系。这种形式适用于多变量关系的可视化。

图片


大小散点图:在基本散点图的基础上,可以使用点的大小来表示第三个变量的取值。通过将不同取值映射为不同的点大小,可以在散点图中同时展示三个变量之间的关系。这种形式适用于多变量关系的可视化。

形状散点图:在基本散点图的基础上,可以使用不同的点形状来表示第三个变量的取值。通过将不同取值映射为不同的点形状,可以在散点图中同时展示三个变量之间的关系。这种形式适用于多变量关系的可视化。

图片

趋势线散点图:在基本散点图的基础上,可以添加趋势线来显示变量之间的线性关系。趋势线是通过拟合数据点而得到的一条直线,用于表示变量之间的趋势和关联程度。这种形式适用于分析变量之间的线性关系。

分组散点图:在散点图中,可以根据一个分类变量将数据点分组,并用不同的颜色或符号来表示不同的组。这种形式适用于比较不同组之间的差异和关系。

图片

除了以上形式,还可以根据具体的数据和分析需求进行创新和定制,例如使用动态散点图、3D散点图等。总的来说,散点图具有很大的灵活性,可以根据数据的特点和分析的目的来选择合适的形式。


四、如何用echarts开发散点图

要使用 ECharts 创建散点图,你需要按照以下步骤进行操作:

  1. 引入 ECharts 库:在 HTML 文件中引入 ECharts 的 JavaScript 文件。你可以从 ECharts 官方网站下载最新版本的 ECharts,或者使用 CDN 引入。

<script src="echarts.min.js"></script>
  1. 创建一个容器:在 HTML 文件中创建一个容器,用于显示散点图。

<div id="scatter-chart" style="width: 600px; height: 400px;"></div>
  1. 初始化图表:在 JavaScript 文件中初始化散点图。首先,获取容器元素,并创建一个 ECharts 实例。

var scatterChart = echarts.init(document.getElementById('scatter-chart'));
  1. 配置数据:设置散点图的数据。你可以将数据以数组的形式传递给 series 属性。

var data = [
[10, 20],
[20, 30],
[30, 40],
// ...
];

var option = {
series: [{
type: 'scatter',
data: data
}]
};
  1. 配置其他选项:根据需要,可以配置散点图的其他选项,如标题、坐标轴、样式等。

var option = {
title: {
text: 'Scatter Chart'
},
xAxis: {
type: 'value'
},
yAxis: {
type: 'value'
},
series: [{
type: 'scatter',
data: data
}]
};
  1. 渲染图表:将配置项应用到图表实例,并渲染出散点图。

scatterChart.setOption(option);

以上是一个简单的散点图的创建过程。你可以根据自己的需求,进一步定制散点图的样式、交互和其他功能。ECharts 提供了丰富的配置选项和 API,可以满足各种可视化需求。你可以参考 ECharts 的官方文档和示例,了解更多关于散点图的配置和用法。

免责声明:

本文转载自【IT奋斗的青年】,版权归原作者所有,如若侵权请联系我们进行删除!

易知微以自主研发的EasyV数字孪生可视化搭建平台为核心,结合WebGL、3D游戏引擎、GIS、BIM、CIM等技术,协同各个行业的生态伙伴,围绕着数字孪生技术、数字驾驶舱和行业应用,共同建设数字增强世界,帮助客户实现数字化管理,加速数字化转型。

易知微已经为3000+ 客户提供数字孪生可视化平台和应用,覆盖智慧楼宇、智慧园区、智慧城市、数字政府、数字乡村、智慧文旅、工业互联网等众多行业领域,包括国家电网、移动云、中交建、中铁建、融创、云上贵州、厦门象屿、天津火箭、上海电视台、金华防汛大脑、良渚古城遗址公园、李宁、浙江大学等典型案例!

收藏 0
分享
分享方式
微信

评论

全部 0条评论

8910

文章

4.28W+

人气

11

粉丝

1

关注

官方媒体

轻松设计高效搭建,减少3倍设计改稿与开发运维工作量

开始免费试用 预约演示

扫一扫关注公众号 扫一扫联系客服

©Copyrights 2016-2022 杭州易知微科技有限公司 浙ICP备2021017017号-3 浙公网安备33011002011932号

互联网信息服务业务 合字B2-20220090

400-8505-905 复制
免费试用
微信社区
易知微-数据可视化
微信扫一扫入群