首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

数据可视化设计指南

图表是表达数据的常用方法,因为它们描述了不同种类的数据并允许用户在图表上进行数据之间的对比分析。 您使用的图表类型主要取决于两件事:您想要呈现的数据,以及您想要用数据想向他人传达的内容是什么。...此图表中的条形图具有微妙的圆角,以确保条形图的顶部能够精确地表明其长度。 ? 禁止。 不要使用难以读取图表的形状,例如顶部边缘不精确的条形图。...ICON同时补充了色彩的含义。 X、Y轴数值标签 带数值标签的轴的作用是清晰地显示相应图示数据的范围和比例。例如,折线图X轴和Y轴显示一系列数值标签。 ? 条形图Y轴基准线起始值应始终从零开始。...可以将数据直接放在其对应的图表元素上。 条形图Y轴基准线的起始值 条形图基准线起始值应从(y轴的起始值)为零开始。基准数值不从零开始可能会导致错误地读取数据。 ? 允许。 从零开始的条形图 ?...使用图例的折线图 小显示器 可穿戴设备(或其他小屏幕)上显示的图表应为移动端或PC端图表的简化版本。 ? 允许。 数据图形上的在关键点显示注释以描述关键数据。在此示例中,显示波峰、波谷的数值。 ?

6.1K31

怎么反转条形图的数据系列顺序

今天跟大家讲解excel在制作条形图时的顺序调整问题 不知道大家发现了没有 excel在制作条形图时有一个bug 默认的图表数据系列顺序总是与原数据系列顺序相反 无论你是否对原数据进行排序 以下两个条形图是分别根据排序过的和未排序的源数据做出的默认条形图...仔细观察你会发现 软件默认输出的图表数据系列顺序总是与原数据顺序相反 这是excel在制作条形图中一直存在的一个bug 根据我们的阅读习惯 大多数人的阅读视线都是自上而下移动 我们制作条形图更多的是为了对一组数据的大小进行对比...那么我们希望看到的图表效果肯定是这样的 ?...那么或许还能省些时间 但是如果要手动一个个复制粘贴的将原数据升序排列 那么…… 后果很严重,得累到手残,如果数据特别多的话 小魔方必须要来拯救你了 其实很简单 excel虽然默认的条形图顺序与原数据系列顺序相反...但是在格式设置里面提供了反转顺序的选项 只需要勾选一个复选框便可以反转条形图数据系列顺序 达到我们想要的展示效果 具体操作步骤如下: 选中当前图表 在顶部菜单选择图表工具——当前所选内容 下拉框中选择垂直类别轴

9.5K70
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    数据可视化设计过程:面向初学者的循序渐进指南

    你会把小数位包括在内吗?多少合适呢? 在大多数情况下,我们可以安全地将小数位舍入到最接近的整数。因为大多数人很少使用十分之几,百分之几或千分之一的位置进行决策。...…… 步骤3:选择一个软件程序 一旦我们对可视化的外观有了大概的想法,就可以坐在计算机面前构建可视化的第一稿。 有数十种软件程序可用于构建数据可视化。...哪怕是框线颜色的修改,都是我们需要考虑的问题,上图非常直观地给我们带来了颜色不一产生的视觉效果差别,深色的背景配合白色的框线才能突出我们想要表达的信息。...例如,在Microsoft PowerPoint中,您只需单击图像文件将其选中,然后转到屏幕顶部的“图片工具:格式”选项卡。然后,转到颜色图标,然后以灰度为图像文件重新着色。...步骤6:用文字阐明信息 光有图表是远远不够的,加以文字说明才能让人更好理解我们想要表达的东西。通常,我们将标题,字幕和注释保存为结尾。 1. 在标题中说明故事 需要用数据讲故事吗?

    1.3K30

    金字塔图绘制(Excel绘制图表系列课程)

    答:用来表达对立关系的数值,比如进口与出口啦!收入与支出啦!入职与离职啦!赞同与反对啦! 问:我就问你一句话!你见过政府投票有反对票吗???? 咳咳,我们开始分享金字塔图的绘制方法!...Step1:插入为条形图 我们看一下金字塔图,柱子是水平的,嗯,所以他的基础就是条形图。所以选中数据源后插入条形图。 插入后出现了这样的图形!...Step2:增加辅助列,更改数据源 我们看一下反对的在右面,我想把他放在左面,需要怎么做呢?分享一个小技巧,先把红色反对的数值变为负数!然后把反对的数据源改了! 增加辅助列! 如何变为负数呢?...改后如图: Step3:让红色柱形图和蓝色柱形图并排 选中蓝色柱形图-右键-选择数据系列格式-将系列重叠设置为100% Step4:将纵坐标轴标签移动到最左面,就是将部门1、2、3移动到左边 选中纵坐标轴标签...改完后的图片: 水平坐标轴的变化是一样的,就不累述啦! 最终成果!

    3.6K30

    5个Tips让你的Power BI报告更吸引人

    让我们尝试报告每个区域的销量–尝试判断红色或橙色是否更大或它们之间有多少不同: 该报告显示每个地区的销量。注意通过饼图我们很难区分欧洲(红色)和北美(橙色)的销售额 下图不是更清楚吗?...一个空洞的排名,用排序的数据,它更易于阅读 条形图(横着的) –实际上最适合数据排名 曲线图–通常用于需要比较多个数据系列的时间序列,对于单个条形图,效果也很好 柱状/线形混合 -表示两个不同类型的值(...例如货币和百分比) 气泡–显示3个不同的数值(两个轴和气泡大小)。...如果您想按原样显示数据,以免受到用户行为的影响,请使用它。在示例中–单击顶部图表中的条形图不会影响底部显示的数据: 不交互-如您所见,数据不受用户行为的影响。...掌握了一些信息之后,只需注意出现在图表角上的小箭头,即可用于在层次结构级别上下移动: 项目报告时间的每月视图 项目报告时间的每周视图 相同的可视化和报告用于实现不同的透视图。

    3.6K20

    图表(Chart & Graph)你真的用对了吗?

    y轴起始为0,可以显示各柱状的数值。 2)条形图 条形图基本上是水平的柱形图,可以用于避免在超过10个项目进行比较时产生杂乱。这种图表类型也可用于显示负数。...设计条形图的最佳做法: 图表中使用对比色,高亮特殊有意义的数据。 使用垂直标签,提高数据可读性。 X轴起始为0,可以显示各柱状的数值。...设计面积图的最佳做法: 使用透明的颜色 ,使Y轴标签不被遮蔽。 最多显示4个数据,以免产生混淆。 图表顶部的数据是高度可变的,方便阅读。...6)堆叠条形图 这种图表用于比较多个不同的数据集,并显示每个被比较的数据集的组成。 设计堆叠条形图的最佳做法: 最适用于说明部分和整体的关系。 使用对比色,会使对比更加清晰。...看完以上常用图表的介绍,你真的用对了图表吗? 原文链接:https://blog.hubspot.com/marketing/data-visualization-choosing-chart

    2.3K10

    用Python绘制棒棒糖图表,真的好看!

    先绘制一个带有每年数值的条形图。 # 绘制柱状图 plt.bar(df.Year, df.value) plt.show() 两行代码,即可得到一张条形图图表,看起来确实是有点拥挤。...下面将最后一年,即2019年的数据区分出来。 给2019年的条形着色为黑色,其他年份为浅灰色。 并且在图表中添加散点图,可在条形图的顶部绘制圆形。...颜色已经修改成功,还需要调整一下条形图的宽度以及顶部圆圈的大小。...比起先前的蓝色条形图图表,棒棒糖图表确实是好看了不少。 除了用条形图来绘制棒棒糖图表,还可以使用线条,这样整体的宽度会更加一致。...可以使用参数标记在两端绘制圆,而不是只在顶部生成散点图。 然后可以通过更改y-limit参数来隐藏最底端的圆。

    1.3K20

    用Python绘制棒棒糖图表,真的好看!

    先绘制一个带有每年数值的条形图。 # 绘制柱状图 plt.bar(df.Year, df.value) plt.show() 两行代码,即可得到一张条形图图表,看起来确实是有点拥挤。 ?...下面将最后一年,即2019年的数据区分出来。 给2019年的条形着色为黑色,其他年份为浅灰色。 并且在图表中添加散点图,可在条形图的顶部绘制圆形。...颜色已经修改成功,还需要调整一下条形图的宽度以及顶部圆圈的大小。...比起先前的蓝色条形图图表,棒棒糖图表确实是好看了不少。 除了用条形图来绘制棒棒糖图表,还可以使用线条,这样整体的宽度会更加一致。...可以使用参数标记在两端绘制圆,而不是只在顶部生成散点图。 然后可以通过更改y-limit参数来隐藏最底端的圆。

    1.5K30

    不如用最经典的工具画最酷炫的图

    下面,我将请这两位 office 老员工(WORD 没有排面吗)带大家绘制不一样的酷炫图表,在层层推进中感受画图的快乐吧!(多图预警) EXCEL篇 1、球棍图 ? 面对这样一组数据应该画什么图呢?...下面这种图也可以同时显示数量和占比,笔者称之为“球棍图”(或者叫棒棒糖、火柴棍之类的也行)。 ? 制作球棍图,首先要按数量制作出一个水平条形图; ? 要如何在条形顶部绘制圆形呢?...用颜色深浅来反映数值大小,在 EXCEL 中,也可以轻松实现,甚至比其他工具更加便利。那便是使用条件格式-色阶。 ? 一键即可完成热力图!...兵贵神速,当面对这样的数据样本,若不想浪费时间为该选择什么图形而发愁,就试试 EXCEL 热力图吧。 ? 若是对默认色阶不满意,还可以在选中数值区域后,点击管理规则-编辑规则。 ?...PPT 难道不是用来画图的吗?让我们先看看上面这组数据,多层包含关系。 一般两层的关系我们可以采用重叠柱状图,能够直观地比较子对象与父对象。 ?

    2.7K20

    EXCEL的基本操作(十四)

    在EXCEL中创建图表 图表以图的形式来显示数值数据系列,使人更容易理解大量数据以及不同数据系列之间的关系。...创建图表 EXCEL的图表类型 柱状图、折线图、饼图、条形图、面积图、XY散点图、股价图、雷达图 创建图表 1..../剪切---在另外一个工作表中粘贴 方法二:选中图表---图表工具---移动图表---选择所需移动的工作表 2例子演示 图表的基本组成 ●图表区:包含整个图表及其全部元素。...●图表的图例:图例是一个方框,用于标识为图表中的数据系列或分类指定的图案或颜色。 ●图表标题:是对整个图表的说明性文本,可以自动在图表顶部居中。...●坐标轴标题:是对坐标轴的说明性文本,可以自动与坐标轴对齐。 ●数据标签:可以用来标识数据系列中数据点的详细信息的,数据标签代表源于数据表单元格的单个数据点或数值。

    1.7K10

    关于数据可视化图表的制作,你需要关注的30个小技巧

    来源:DataHunter 优秀的数据可视化图表只是罗列、总结数据吗?当然不是!...一、你不得不注意的图表制作小技巧 1.条形图的基线必须从零开始 条形图的原理就是通过比较条块的长度来比较值的大小。当基线被改变了,视觉效果也就扭曲了。...相较于呈现数值,有些图更着重于表现部分与整体的关系。 10.面积、尺寸可视化 对同一类图形(例如柱状、圆环和蜘蛛图等)的长度、高度或面积加以区别,来清晰的表达不同指标对应的指标值之间的对比。...3.避免使用鲜艳的颜色 明亮鲜艳的颜色就像是把所有的字母都大写想要强调一样,你的听众感觉你在对他们大声推销。...5.重要视图位置 将最重要的视图放置在顶部或左上角。眼睛通常会首先注意到该区域。

    1.4K41

    比较(一)利用python绘制条形图

    比较(一)利用python绘制条形图 条形图(Barplot)简介 条形图主要用来比较不同类别间的数据差异,一条轴表示类别,另一条则表示对应的数值度量。...自定义条形图一般是结合使用场景对相关参数进行修改,并辅以其他的绘图知识。...bar1 = sns.barplot(x='day', y='total_bill', data=non_smoker_df, color='lightblue') # 吸烟者的条形图,底部开始位置设置为非吸烟者的...bar1 = sns.barplot(x='day', y='percent', data=non_smoker_df, color='lightblue') # 吸烟者的条形图,底部开始位置设置为非吸烟者的...、matplotlib的bar和pandas的bar快速绘制条形图,并通过修改参数或者辅以其他绘图知识自定义各种各样的条形图来适应相关使用场景。

    16710

    数据挖掘知识脉络与资源整理(九)–柱形图

    没有特定顺序的名称(例如,项目名称、地理名称或人名)。 堆积柱形图和三维堆积柱形图 堆积柱形图显示单个项目与整体之间的关系,它比较各个类别的每个数值所占总数值的大小。...百分比堆积柱形图和三维百分比堆积柱形图 这些类型的柱形图比较各个类别的每一数值所占总数值的百分比大小。百分比堆积柱形图以二维垂直百分比堆积矩形显示数值。...geom_bar(position = "dodge",stat="identity") + scale_fill_manual(values = c("#669933", "#FFCC66")) #这个颜色你喜欢吗?...前面我们都是stat="identity"即每一个bar的高度根据另一个数值变量来决定,那如果,面对像下面的数据,caret变量是分类因子型,这列变量中同一水平的因子有好几个,那么我们画条形图时,一般采用频数型...你家电线红色是不是火线,红色是不是正极,虽然上图没有错,但是我们想换一下,正的为红色,负的为蓝色咋办?而且我不想要旁边的图例了,怎么办?

    3.8K100

    使用JavaScript和D3.js实现数据可视化

    ")代表与浏览器窗口左侧的距离 ("y", "distance_in_pixels")代表与浏览器窗口顶部的距离 因此,如果我们想要长度为250像素,宽40像素,距离浏览器左侧25像素,距离顶部50像素的矩形...索引告诉我们数组中数据点的位置。d用于数据点和i索引的惯例,例如function(d,i),但您可以使用您想要的任何变量。 JavaScript将迭代d和i。...首先,矩形相当小,其次是它们附着在图表的顶部而不是底部。...浏览器通常从左上角到右下角阅读网页,而我们从下到上阅读条形图。要重新定位矩形,我们将修改y属性以减去顶部的空间。...我们还要添加stroke-width个像素,并确保将分号向下移动。

    21.9K30

    如何在 SwiftUI 中创建条形图

    前言 条形图以矩形条的形式呈现数据的类别,其宽度和高度与它们表示的值成比例。本文将展示如何创建一个垂直条形图,其中矩形的高度将代表每个类别的值。...真实数据的条形图 给条形图使用真实世界的数据。...条形图上的值使用叠加视图修改移到了条形图的顶部。这个值是偏移的,所以文本不会离条形图的顶部太近。数据名称的字体大小和字重也可以被设置。...文本视图的宽度被限制在条形图宽度的范围内,而且条形图的标签文本会被截断,条形图的文本视图也被限制在条形宽度的范围内,并且文本可以被隐藏起来。...使用 GeometryReader 可以创建适应更多可用环境的条形图。在这篇文章中,我们创建了一个简单的条形图,有数值,下面有标签,还有图表的标题,下一步就是分离出 x 轴和 y 轴。 - EOF -

    5.2K10

    这3个Seaborn函数可以搞定90%的可视化任务

    我们使用height 和aspect参数来调整绘图的大小。aspect参数设置宽高比。 Displot 使用分布函数创建分布图,从而使我们可以大致了解数值变量的分布。...直方图将数值变量的取值范围划分为离散的容器,并计算每个容器中的数据点(即行)的数量。让我们画一个总销售额的柱状图。...我们还可以创建一个条形图来检查不同产品线的单价。与使用方框不同,条形图用一个点表示每个数据点。因此,它就像数字和分类变量的散点图。 让我们为branch和total列创建一个条形图。...这些点的密度给了我们一个分布的大致概念。似乎C分支在顶部区域有更多的数据点。我们可以通过检查每个分行的平均总额来证实我们的想法。...C的小提琴的顶部比其他两支略粗。 总结 relplot、displot和catplot函数可以生成14个不同的图,这些图几乎涵盖了我们在数据分析和探索中通常使用的所有可视化类型。

    1.3K20

    科研绘图你值得注意的14个点 (1)

    可视化的目标是展示数据的平均值及其分布范围(离散程度)。 在这个案例中,两组数据的平均值和标准偏差相近,但它们的分布却有着显著差异。我们能说它们是“一样的”吗?...对单向数据采用双向色阶 这是一种真正的数据可视化误区,而且这种情况相当普遍。 颜色渐变看起来很美观,但我们在使用时需要格外谨慎。当用颜色渐变来表示数值数据时,最深和最浅的颜色应该代表特定的意义。...但它们应该代表一些有实际意义的数值。在热图或颜色渐变中,一个常见的错误是让最浅或最深的颜色代表一些随意的数值,这就像条形图中最长的条不代表最大值一样糟糕。你能想象这种情况吗? 4....条形图 我们之前提到过,不建议用条形图来区分均值,但这里讨论的是另一个问题,它涉及到如何呈现多因素实验的结果。条形图在科学出版物中非常普遍,但遗憾的是,它们在传达实验结果方面效果不佳。...未审视异常值的情况下创建热图 热图中的异常值可能会极大地影响我们对可视化的理解和解释。这一点在所有使用颜色来展示数值数据的图表中都是通用的。让我给你展示一个例子: 在这个示例中,我有两个观测点。

    15710

    助力数据可视化的 20 个指导方法

    用户可能会假设连接“标记”的线代表实际值,而实际上在那个特定时间的真实收入数字是未知的。在这种情况下,使用垂直条形图可能是更好的选择。 6....大多数用户不会密切关注比例,只是浏览图表,得出错误的结论。 8.限制饼图中显示的切片数量 饼图是最受欢迎且经常被误用的图表之一。在大多数情况下,条形图是更好的选择。...避免随机性 同样的建议适用于许多其他图表。不要默认为字母排序。将最大值放在顶部(对于水平条形图)或左侧(对于垂直条形图),以确保最重要的值占据最突出的空间,减少眼球运动和阅读图表所需的时间。...一个连续调色板最适合需要被放置在一个特定的顺序数值变量。使用色调或亮度或两者的组合,您可以创建一个连续的颜色集。 发散调色板是两个顺序调色板在中间(通常为零)的中心值的组合。...选择你的图表库 如果您的任务是向 Web 和移动项目添加交互式图表,您应该问的第一个问题是我们将使用什么图表库?现代图表库包含了许多前面提到的交互和规则。

    1.7K30

    10 分钟用 Python 搞定数据可视化!

    这样做的目的是要吸引人的注意,并且能够让人一眼就能看到想要看的。 别以为这是广告商的策略,其实,他们只是顺应了大脑的特点。...从数学角度来看,不同的图像有不同的用途或目的,下面依次简要说明(此处姑且讨论二维图像)。 散点图 还记得高中物理课学过的折射定律吗?也称为斯涅尔定律,假设不知道,我们就探索一下。...条形图 条形图,貌似就是柱状图横过来,对于数值都是大于 0 的数据而言,画出来的条形图可以这样理解。但是,下面这种类型的数据也是比较常见的。 ?...图 9 饼图 图中显示了不同量占据总量的百分比,通过饼状图就能够对比分类数据的数值大小。当然,如果类别太多,会把“饼”分成太多的小份,不美观,也不易于观察。...图 10 箱线图 通过箱形图,可以观察到如下信息: 数据的统计值为中位数、最大值、最小值等 数据集中是否存在异常值,以及异常值的具体数值 数据是否是对称的 数据的分布是否密集、集中 数据是否有偏向性 还要提到股票

    79021

    10 分钟用 Python 搞定数据可视化!

    这样做的目的是要吸引人的注意,并且能够让人一眼就能看到想要看的。 别以为这是广告商的策略,其实,他们只是顺应了大脑的特点。...从数学角度来看,不同的图像有不同的用途或目的,下面依次简要说明(此处姑且讨论二维图像)。 散点图 还记得高中物理课学过的折射定律吗?也称为斯涅尔定律,假设不知道,我们就探索一下。...条形图 条形图,貌似就是柱状图横过来,对于数值都是大于 0 的数据而言,画出来的条形图可以这样理解。但是,下面这种类型的数据也是比较常见的。 ?...图 9 饼图 图中显示了不同量占据总量的百分比,通过饼状图就能够对比分类数据的数值大小。当然,如果类别太多,会把“饼”分成太多的小份,不美观,也不易于观察。...图 10 箱线图 通过箱形图,可以观察到如下信息: 数据的统计值为中位数、最大值、最小值等 数据集中是否存在异常值,以及异常值的具体数值 数据是否是对称的 数据的分布是否密集、集中 数据是否有偏向性 还要提到股票

    75830
    领券