您现在的位置是:首页 > 恋爱课程恋爱课程

高价值展示坐标轴 数据可视化必修课:图表篇

2021-05-29 17:03:30恋爱课程人已围观

简介高价值展示坐标轴 数据可视化必修课:图表篇图表的定义:可直观展示统计信息的属性,对知识挖掘和信息直观生动感受起关键作用的图形结构,是一种很好的将对象属性数据直观、形象地可视化的手段。图表是由:标题、图例、刻度轴、数据展示、网格线、提示信息、水位线、时间轴组成,每一个元素都有他存在的意义。是数据可视化必修课中最重要的模块之一,不可忽略。

绅恋情感
限时免费领取5000条聊天话术,立即加导师微信领取:  NM007800
(←长按复制)

国内首席恋爱聊天核心秘籍,学这一套就够了: 立即下载 (←文件较大,耐心等待)

高价值展示坐标轴 数据可视化必修课:图表篇

随着互联网的数字化越来越完善,数据可视化这个词被使用的越来越频繁,图表是数据可视化最常用的形式。无论是工作汇报还是后端设计,都离不开图表的使用。但是图表类的信息过于零散,没有条理,对初学者非常不友好。在这篇文章中,我从图表的祖先开始,将其全部挖掘出来。希望对你有帮助(如果图片看不清楚,可以点开看看~)

一、什么是图表

图表的定义:一种图形结构高价值展示坐标轴,可以直观地展示统计信息的属性,在知识挖掘和信息直观生动体验方面起到关键作用。是一种直观、形象地可视化对象属性数据的好方法。

英文名称:.

用户对图形比文本更敏感,所以产品需要将数据信息可视化,用简单的图形来展示更多的信息。图表是最常用的数据可视化形式。

接下来介绍图表的具体构成和元素分析。

二、 图表构成

图表由:标题、图例、刻度轴、数据显示、网格线、提示信息、水位、时间轴组成。每个元素都有自己的含义。实际使用中,不需要显示所有的元素,只显示想要显示的内容即可。

三、图表元素分析3.1标题

顾名思义,标题就是图表的名称,标题是必不可少的元素。标题内容要简明扼要,不要太长,两字写得清楚,绝对不能三字。

标题有 3 个常见位置:左上角、顶部居中、底部居中。

一般情况下,标题的字体大小/颜色值应该比较突出。当用户第一次看到它时,他应该清楚地看到图表的作用。

特殊情况下,如果标题需要额外说明,有两种呈现形式:

3.2 传奇

3.2.1 图例的构成

颜色、名称、值、单位。

3.2.2 图例显示形式

圆形、开关、矩形、凸出线、实线、虚线。

3.2.3 图例位置

从左到右,从上到下。

3.2.4传说的作用

3.2.5种颜色选择图例

在同一组图例中,不要有相似的颜色,否则在图表显示中不会相互区分。

在产品的使用中,需要规范图例颜色的使用,一般分为两种:

3.2.6 图例过多时如何显示

3.2.7 共享图例

如果多个图例相同高价值展示坐标轴,则可以将它们组合以减少多余的图例。

3.2.8 图例省略

如果只有一个图例,可以省略。

3.2.9 图例名称限制

根据不同的使用场景,为了更好的显示效果,图例名称设置一个最大值,超过最大值时省略显示。

3.3坐标轴

坐标轴分为X轴和Y轴。一般情况下是1个X轴+1个Y轴。但是,在特殊情况下也可以使用 2X+Y 或 X+2Y。

3.3.1 标度值的含义

3.3.2 坐标轴使用规则

带单位:

对齐方式(通常使用,但不是必需的):

尺度值过多时如何显示:

尺度值的选取必须是相同的规则,相同距离的尺度值禁止代表不同的数据。

刻度点的样式和使用规则:

刻度线朝外。

3.4 数据展示

数据的显示是其中最明显的地方,可以说如果只显示一个元素,就是他。

使用数据显示规则:

3.5 条网格线

3. 5. 1网格线的作用

与坐标轴相呼应,漂亮。

3.5.2 使用网格线的规则

应该减弱线条的颜色,而不要压倒客人;

实线主要用于网格线。不要使用虚线。

3. 5. 3个使用场景

水平、垂直、水平和垂直结合,无网格线。

3.6 提示信息

通常,提示信息用于标识数据信息的重点。需要注意的是,重要信息应尽可能简化,信息量不应太大。简短明了是很好的。

3.7 水印

根据不同产品的使用场景,有时会使用一个阈值,当达到一定的阈值时,就会触发一定的联动。这时候就需要一个水位高价值展示坐标轴,起到警示作用。

有两种形式,实线和虚线。颜色的选择取决于产品的警告级别。

水印可以是一个也可以是多个,视情况而定。

3.8 时间线

时间轴可以灵活调整刻度值的上下限,让您可以更准确地看到想要看到的数据。

时间轴的功能和限制不是很复杂,就不多说了高价值展示坐标轴,有需要就用吧。

四、 使用图表的建议 4. 1 个折线图线

4.1.1 定义

折线图可以显示随时间变化的连续数据(根据常用的刻度设置),因此非常适合显示等时间间隔的数据趋势。

折线图是通过折线的波动来表达数据波动的图表,主要反映数据随时间的变化。

4. 1. 2个使用场景

常用于观察一段时间内数据波动的浮动变化,比如一天的内存使用情况。

4.1.3 使用建议

Y轴刻度值的选择要合理,显示的数据波动要最大化;

重要节点可以单独标记;

数据的拐点应该是平滑的,不能太尖锐。

4. 2面积图面积

4.2.1 定义

面积图类似于折线图。不同之处在于面积图将数据区域划分为一个区域,使数据显示更加清晰。

4.2.2 种使用场景

尽量不要在面积图中显示超过3个图例,否则,如果数据很多高价值展示坐标轴,数据显示会特别乱,影响查看。

4.2.3 使用建议

区域区域应使用与折线颜色相同的色系,不要改变色系;

区域区域一般比折线颜色浅,这样视觉上更舒服;

如果面积图也用在多个数据的情况下,面积区域要尽量透明,否则部分数据会被遮挡不可见。

4.3 直方图条形

4.3.1 定义

柱状图,也称为条形图和柱状图。用于比较两个或多个值(不同时间或不同条件),只有一个变量,通常用于较小的数据集分析。

4.3.2 使用场景

4.3.3 使用建议

直方图的粗细不应该是固定值,应该自适应处理不同尺寸的分辨率显示;

厚度和间距的对比要合理设计;

可以用小圆角,不要用大圆角,太丑了...

如果要强调某一列,可以通过颜色来区分,但列颜色不能超过2个(同一维度下);

如果要在列上显示值,请使用建议(以下顺序为推荐顺序):

4.4饼图饼图

4.4.1 定义

饼图仅将数据排列在工作表的一列或一行中。是一个总数据的图表,可以查看各个类别在总数据中所占的百分比。

4.4.2 种使用场景

4.4.3 使用建议

4.5 圆环图

4. 5. 1定义

环形图是将两个不同大小的圆叠加并切割中心部分得到的图。

4.5.2 种使用场景

4.5.3 使用建议

环形图的起点是0/12点;

戒指的厚度要合理,不能太厚太薄;

环形图的两个圆圈应该从中心对齐。

4.6 堆积面积图

4.6.1 定义

堆积面积图是数据区域按顺序逐渐堆积的图形。

4.6.2 种使用场景

常用于不同资源的流量/容量使用。

4.6.3 使用建议

4.7 堆积柱形图

4.7.1 定义

堆叠直方图是数据直方图按顺序逐渐堆叠而成的图形。

4.7.2 种使用场景

常用于在不同维度显示相同的指标。

4.7.3 使用建议

4.8 非常有用的图表

上面介绍了常用图表的使用,但是图表的种类远不止这些,非常有用的图表种类还有很多,这次我先列出来,如果大家有兴趣,以后再写建议流行图表的第一阶段:

雷达图、散点图、烛台图、箱形图、热度图、旭日图、桑基图、树状图、漏斗图、仪表板。

五、常用图表开源网站5.1

5.2

5.3 蚂蚁

六、总结

是数据可视化必修课中最重要的模块之一,不容忽视。只有了解了每一种的定义和使用场景,才能在产品中使用最合适的一种。

如果觉得对你有帮助,可以点击关注,继续分享设计。

Tags:高价值展示坐标轴

很赞哦! ()

文章评论

留言与评论(共有 0 条评论)
   
验证码:

本栏推荐

站点信息

  • 文章统计12929篇文章
  • 浏览统计16816447次浏览
  • 评论统计0个评论
  • 标签管理标签云
  • 统计数据:统计代码
  • 微信:扫描二维码,关注我们