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

干货 :搞定高质量数据可视化20条建议

正值和负值在X和Y映射 03 柱状图起点要从0基线开始 截断数据会导致错误表述。 在下面的例子,通过左边图表,你可以很快得出B值是D值3倍多结论。...左图是双折线图,右图分为了2个独立折线图 08 限制饼图中显示区块数量 饼图是最受欢迎图表之一,但也是经常被滥用图表。 大多数情况下,柱状图是一个更好选择。...正确做法是,在区块外部添加黑色数值标签每个区块标出明确联系指向。...制作图表时应该避免如下情况: 使用3D元素 使用阴影、渐变和其他颜色变换 使用斑马纹和过多网格线 使用过于装饰性、斜体、粗体或衬线字体 左边3D垂直条形图,修饰过多,右边去除了过多修饰 15 选择数据性质相匹配配色方案...选择可读字体,避免使用衬线字体和高度装饰性字体 避免使用斜体、粗体和大写字母 确保文字颜色背景色高度对比 不要旋转文字 错误排版实例 18 使用水平条形图而不是旋转标签 这个简单技巧将确保用户能够更方便地查看图表

1.7K30

搞定高质量数据可视化20条建议

正值和负值在X和Y映射 03 柱状图起点要从0基线开始 截断数据会导致错误表述。 在下面的例子,通过左边图表,你可以很快得出B值是D值3倍多结论。...左图是双折线图,右图分为了2个独立折线图 08 限制饼图中显示区块数量 饼图是最受欢迎图表之一,但也是经常被滥用图表。 大多数情况下,柱状图是一个更好选择。...正确做法是,在区块外部添加黑色数值标签每个区块标出明确联系指向。...制作图表时应该避免如下情况: 使用3D元素 使用阴影、渐变和其他颜色变换 使用斑马纹和过多网格线 使用过于装饰性、斜体、粗体或衬线字体 左边3D垂直条形图,修饰过多,右边去除了过多修饰 15 选择数据性质相匹配配色方案...选择可读字体,避免使用衬线字体和高度装饰性字体 避免使用斜体、粗体和大写字母 确保文字颜色背景色高度对比 不要旋转文字 错误排版实例 18 使用水平条形图而不是旋转标签 这个简单技巧将确保用户能够更方便地查看图表

1.8K30
您找到你想要的搜索结果了吗?
是的
没有找到

让数据图表发挥更大价值 | 20条实用建议

正值和负值在X和Y映射 03. 柱状图起点要从0基线开始 截断数据会导致错误表述。 在下面的例子,通过左边图表,你可以很快得出B值是D值3倍多结论。...正确做法是,在区块外部添加黑色数值标签每个区块标出明确联系指向。 由于颜色和背景色对比度低,写在图表内部标签很难识别 11....选择数据性质相匹配配色方案 颜色是数据可视化重要组成部分,通常配色方案类型有这3种: a.定性配色方案 最适用于分类显示变量。 选择颜色应该是独特,以确保区分度。...选择可读字体,避免使用衬线字体和高度装饰性字体 避免使用斜体、粗体和大写字母 确保文字颜色背景色高度对比 不要旋转文字 错误排版实例 18....使用水平条形图而不是旋转标签 这个简单技巧将确保用户能够更方便地查看图表(而不至于使他们脖子紧张)。 19.

1.8K40

独家 | 手把手教数据可视化工具Tableau

例如,有时 Tableau 会用 Null 值填充那些字段,如下表中所示: 如果在分析数据时使用基于混合值列字段时遇到困难,则可以执行以下操作之一: 对基础数据源空单元格设置格式,使它们数据类型相匹配...尽管连续上有值标签(下图中 0、0.5、... 3.0),但实际标记不必像列标题对齐一样这些标签对齐。...当数据视图如下所示两种字段排列方式之一匹配时,Tableau 会选择此标记类型。您可以向这些功能区添加其他字段。 有关条形标记类型详细信息,请参见条形标记。...此视图使您能深入了解您数据,例如西部装运模式在四年期间内发生了怎样变化。 额外步骤:为堆叠条添加合计 将合计添加到图表条形顶部操作,有时就像通过在工具栏单击“显示标记标签”图标一样简单。...但是,当按颜色或大小分解条形时,则将标记每个单独条形段而不是标记条形合计。只需几步,您就可以向每个条形顶部添加合计标签,即使这些条形像您刚刚创建图中一样已经细分。

18.8K71

20个小技巧,让数据可视化图表更专业!

2、根据正负值选择合适绘图方向 绘制水平条形图时,在Y左侧绘制负值,在Y右侧绘制正值,不要把正负值绘制到同一侧。 垂直柱状图同理。 3、从0基线开始绘制柱状图 截断Y会导致表达失真。...在下面的示例,查看左侧图表,可以很快得出结论,值 B 比 D 大 3 倍以上,而实际上差异要小得多。 从0基线开始可确保用户获得更准确数据表达。...8、饼图中显示切片数量不宜过多 饼图是最受欢迎且经常被误用图表之一。 在大多数情况下,条形图是更好选择。...应该避免以下几种: 3D样式 阴影、渐变 斑马纹,过多网格线 高度装饰、斜体、粗体或衬线字体 15、选择数据性质相匹配调色板 颜色是有效数据可视化一个组成部分,在设计时考虑这 3 种调色板类型...注意以下几点: 选择易读字体,比如雅黑、黑体,避免衬线和装饰性很强字体 避免斜体、粗体和全部大写 确保背景形成高对比度 不要旋转文字 18、使用水平条形图而不是旋转标签 标签过长时不要使用旋转角度

2.7K20

Google数据可视化团队:数据可视化指南(中文版)

例如,在条形图中条形颜色可以表示类别,而条形长度可以表示值(如人口数量)。 ? 形状可用于表示定性数据。...例:圆环图中颜色用于表示类别。 颜色表示数量 ? 例:地图中颜色用于表示数据值。 颜色突出数据 ? 例:散点图中颜色用于突出特定数据。 重点区域 在不滥用情况下,颜色可以突出焦点区域。...文字排版 文本可用于不同图表元素,包括: · 图表标题 · 数据标签 · 标签 · 图例 图表标题通常是具有最高层次结构文本,标签和图例具有最低级别的层次结构。 ?...坐标 一个或多个坐标显示数据比例和范围。例如,折线图沿水平和垂直坐标显示一系列值。 ? 柱状图(条形图)基线 柱状图(条形图)应从为零基线(y起始值)开始。...从不为零基线开始可能导致数据被错误地理解。 ? 坐标标签 标签设计应体现图表中最重要数据。应根据需要使用标签,并在UI中保持一致性。他们出现不应该妨碍查看图表。 ?

5K31

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

设计条形最佳做法: 图表中使用对比色,高亮特殊有意义数据。 使用垂直标签,提高数据可读性。 X起始为0,可以显示各柱状数值。...使用正确高度,使线条占据y高度2/3左右。 4)双图 双图可用于显示双Y数据。这种图形由三个数据集组成,两个Y数据,一个X数据。主要用于显示两个Y随X变化时相关性。...设计面积图最佳做法: 使用透明颜色 ,使Y标签不被遮蔽。 最多显示4个数据,以免产生混淆。 图表顶部数据是高度可变,方便阅读。...设计漏斗图最佳做法: 根据数据集大小,准确显示每个部分大小。 漏斗图中使用渐变色调对比色。 12)子弹图 子弹图用于和标尺做对比,以便显示目标的进展程度。...时刻了解需要完成事情以及什么时候完成,是实现项目成功关键。 这正是引入甘特图原因。 设计甘特图最佳做法: 迅速改变甘特图中条状颜色,以便告诉阅读者参数关键变化。

2.3K10

谷歌Material Design可视化数据设计规范指南

例如,在条形图中条形颜色可以表示类别,而条形长度可以表示值(如人口数量)。 形状可用于表示定性数据。...颜色 颜色可用于以四种主要方式区分图表数据: · 区分类别 · 表示数量 · 突出特定数据 · 表示含义 颜色区分类别 例:圆环图中颜色用于表示类别。...颜色表示数量 例:地图中颜色用于表示数据值。 颜色突出数据 例:散点图中颜色用于突出特定数据。 重点区域 在不滥用情况下,颜色可以突出焦点区域。...文字排版 文本可用于不同图表元素,包括: · 图表标题 · 数据标签 · 标签 · 图例 图表标题通常是具有最高层次结构文本,标签和图例具有最低级别的层次结构。...坐标 一个或多个坐标显示数据比例和范围。例如,折线图沿水平和垂直坐标显示一系列值。 柱状图(条形图)基线 柱状图(条形图)应从为零基线(y起始值)开始。

3.7K20

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

始终在 0 基线处开始条形图 截断会导致误传。在下面的示例,查看左侧图表,您可以很快得出结论,值 B 比 D 大 3 倍以上,而实际上差异要小得多。从零基线开始可确保用户获得更准确数据表示。...大多数用户不会密切关注比例,只是浏览图表,得出错误结论。 8.限制饼图中显示切片数量 饼图是最受欢迎且经常被误用图表之一。在大多数情况下,条形图是更好选择。...选择数据性质相匹配调色板 颜色是有效数据可视化一个组成部分,在设计时考虑这 3 种调色板类型: 一个定性调色板效果最好分类变量显示。分配颜色应该是不同,以确保可访问性。...选择清晰字体,避免衬线和高度装饰字体 避免斜体、粗体和全部大写 确保背景形成高对比度 不要旋转你文字 18.使用水平条形图代替旋转标签 这个简单技巧将确保用户能够更有效地扫描图表,而不会拉伤他们脖子...在下面的示例,您可以看到 IOS Health 应用程序使用各种数据呈现组合来发挥其优势。

1.6K30

数据可视化设计指南

图表类型 用法 Y(基准值)* 折线图 呈现少量数据差异 任何数值 条形图 为了呈现数据较大变化,单个数据点整体占比情况以及呈现数据排名情况 零 面积图 总结数据集之间关系,各个数据点占比情况...颜色 颜色在图表上应用有四种主要应用方式: 区分类别 代表数量 突出显示特定数据 表达意义 颜色区分不同类别 ? 颜色用于定义甜甜圈图中不同类别。 颜色代表数量 ?...颜色用于表示地图中数据值大小。 颜色突出显示某些关键数据 ? 颜色用于突出显示散点图中特定数据。 聚焦关键数据 如果很少使用颜色,则可以突出显示重点区域。...X、Y数值标签 带数值标签作用是清晰地显示相应图示数据范围和比例。例如,折线图X和Y显示一系列数值标签。 ? 条形图Y基准线起始值应始终从零开始。 ?...从零开始条形图 ? 禁止。 该基线起始于20%,容易引起误解。 X、Y数值文本 Y数值文本使用应有助于在图表反映最重要数据洞察。

6K31

数据可视化:认识Matplotlib

标签 plt.xlabel("x") #设置y标签 plt.ylabel("y") #绘制折线图 plt.plot(x, y) #将折线图显示 plt.show() 代码运行结果会生成y=2x坐标图...scatter ()函数color表示颜色,marker表示点形状,plot值通用。...fc:全写为facecolor,长条形颜色 ec:全写为edgecolor,长条形边框颜色 条形图 在之前小节得到了高分电影上映年份TOP,现在我们就将此数据做成可视化条形图。...: 横坐标(序列) height:纵坐标(系列) width:条形宽度,默认是0.8,可以根据实际大小设置,以更加美观 bottom:用于绘制堆叠条形图,默认值为None align:x刻度标签对齐方式...但是调色盘会有10个颜色,上图例子中有11个部分,这样造成了首位颜色一样,不好区分,所以设置自定义11个颜色调色盘 explode:设置突出显示饼图中指定部分,参数值需要与x个数一致

17420

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

导读:可视化图表,图形和仪表数据是使数字能够实际对话最强大方式之一。但是,很多刚开始使用的人往往会不知所措,无法下手。...删除分散注意力图表元素-网格,变化颜色和笨重图例会分散观看者注意力,使他们无法快速查看总体趋势。 如果数据集从零开始,则放大y。在某些情况下,更改y比例会更容易。...在条形上放置值标签,这有助于保留条形长度整洁线条。 避免使用过多颜色“彩虹效果”。使用单一颜色或使用相同颜色深浅阴影是一种更好做法。尤其是要传达信息时,我们可以突出其中一栏。...例如,在以下折线图中,删除单独图例,并将类别标签放在每条线右侧可以使图表看着更加美观整洁。 步骤5:用颜色澄清信息 颜色是图表中最强大元素之一,请明智地选择图表每一个颜色!...一个很好例子(来源推特:琼斯妈妈)图中图表标题,一般人也许会称呼为“生活在贫困儿童人数”或“贫困地理位置之间关系”。

1.3K30

蝴蝶图(升级版)

今天跟大家分享是另一种升级版条形蝴蝶图!...●●●●● 由于两侧条形图中间是无缝连接,没有放置纵轴数据标签位置,所以纵轴只能放置在图表左右两侧,使得读者读图时浏览目光需要左右来回跳动。 ?...今天给大家介绍升级版蝴蝶图就是教大家怎么解决这个问题,在两侧图表中间空出足够放置纵轴标签位置,使图表更易于阅读。 ? 首先整理好两列数据(如下图所示) ?...调出设置序列格式选项,将水平项下逆序刻度选中。 ? 继续删除两个图表网格线,调整两个图表绘图区、图表区填充色、框线颜色以及数据条填充色。 ?...取消两个图表水平数据标签,并添加图标数据条标签。 ?

1K60

带负值图表标签处理方法

▽▼▽ 在遇到某些特殊图表时,特别是一个数据系列既有正值又有负值情况,数据标签以及纵轴标签总是会相互遮挡,做出来图表信息显得很凌乱,会影响读者信息理解和阅读体验。...首先用B、C列数据做簇状条形图。 ? 这是默认输出条形图,由于条形图固有的bug,数据条顺序原数据顺序相反。需要手动设置调整。 ? 在坐标选项,选择逆序类别。 ? ?...由于默认负值数据条填充色正值并没有差异,所以需要手动设置双色填充。 ? ? 设置互补色填充,在备选颜色2将白色设置为红色(这将是负值填充色) ?...现在问题是,纵轴标签负值部分已经完全被数据条遮盖,看不清楚了。 那我们干脆直接pass掉坐标标签。(选中垂直,调出设置菜单) ? ? 再继续把条形数据条间距调整至合适位置。 ? ?...此时右键打开选择数据,将D列数据添加至条形图中。 ? ? ? 再次打开数据条设置菜单,将系列重合度调整为100%. ? ? 选择新添加数据条,填充无色。 ?

4K71

1.基础知识(3) --Matlab绘制特殊图形

此外,还要更改沿 x 每个刻度值关联标签。并用一个字符向量元胞数组来指定刻度标签。要在标签包含特殊字符或希腊字母,可使用 TeX 标记,例如用 \pi 表示 π 符号。...例如,使用 '%.1f' 在 x 刻度标签显示一个十进制值。使用 '\xA3%.2f' 将 y 刻度标签显示为英镑。选项 \xA3 表示英镑符号 Unicode 字符。...默认情况下,y 刻度标签使用指数记数法(指数值为 4,底数为 10)。将指数值更改为 2。设置 y 关联标尺对象 Exponent 属性。...使用 magic 函数得到数据三维条形图。在数组 b 返回用于创建条形曲面对象。向图形添加颜色栏。...您可以通过对比条形颜色颜色栏来估算条形高度。

3.4K30

Excel图表学习71:带叠加层专业柱形图

因为我们需要表示100%条形在后面,所以我们必须将“是/否”系列交换到次坐标,同时将“Full1/Full2”放置到主坐标。结果如下图9所示。 ?...图9 设置范围 这里要让主坐标和次坐标标签分别具有相同下限和上限0%和100%。 选择主坐标,然后设置坐标边界最小值=0,最大值=1(即100%)。 ?...图10 由于我们不需要在坐标旁看到百分比标签,因此可以设置标签位置为“无”,如下图11所示。 ? 图11 重复上述操作 对于次坐标,重复上面的步骤来设置下限和上限,并隐藏坐标标签。...图12 获取图表颜色 下一步是使柱形颜色报表图表中使用颜色相匹配。 因为Excel是关于数字,所以它检测对象颜色能力有所欠缺。...然而,Excel同属Office套件PowerPoint非常擅长计算对象的确切颜色,这要归功于一种称为“取色器”功能。 1. 选择图表并复制。 2. 打开PowerPoint。 3.

2.9K50

再谈可视化:如何展示数据

在上边热力图中,色彩饱和度越高,对应数字就越大。这使得受众很容易找出最大数据(GDP值最高地区和年份)。 4. 数据展示手段:图形篇 表格交互方式不同,图形是视觉系统交互。...去除边框 对于图中边框,一般是不需要。可以考虑使用留白对页面图表和其他元素进行合理区分。...这并不是说永远不要使用数据标记,而是要有目的地使用,尤其不要因为它们默认包含在你绘图软件里而使用。 清理坐标标签 坐标标签,常见原点标注,一般都是不需要。...除非展示数据过多,且无法标注情况,可以考虑使用。 选择是否需要坐标 作图时常常需要决定是保留坐标标签还是省略坐标而直接标记数据点。为了做这个决定,你需要考虑特异性程度。...但请克制为了丰富多彩而使用颜色冲动。有选择、有策略地使用颜色这一工具突出图表重要部分。建议自行选择颜色使用,而不是让工具自动选择。可以考虑统一色调、对比色、品牌色使用。

2.6K20

你真的懂如何展示数据吗?

在上边热力图中,色彩饱和度越高,对应数字就越大。这使得受众很容易找出最大数据(GDP值最高地区和年份)。 4. 数据展示手段:图形篇 表格交互方式不同,图形是视觉系统交互。...去除边框 对于图中边框,一般是不需要。可以考虑使用留白对页面图表和其他元素进行合理区分。...这并不是说永远不要使用数据标记,而是要有目的地使用,尤其不要因为它们默认包含在你绘图软件里而使用。 清理坐标标签 坐标标签,常见原点标注,一般都是不需要。...除非展示数据过多,且无法标注情况,可以考虑使用。 选择是否需要坐标 作图时常常需要决定是保留坐标标签还是省略坐标而直接标记数据点。为了做这个决定,你需要考虑特异性程度。...但请克制为了丰富多彩而使用颜色冲动。有选择、有策略地使用颜色这一工具突出图表重要部分。建议自行选择颜色使用,而不是让工具自动选择。可以考虑统一色调、对比色、品牌色使用。

2.3K30

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

柱形图 简介 英文:histogram或者column diagram 排列在工作表列或行数据可以绘制到柱形图中。在柱形图中,通常沿水平组织类别,而沿垂直组织数值。...没有特定顺序名称(例如,项目名称、地理名称或人名)。 堆积柱形图和三维堆积柱形图 堆积柱形图显示单个项目整体之间关系,它比较各个类别的每个数值所占总数值大小。...三维柱形图 三维柱形图使用可修改三个(水平、垂直和深度),可对沿水平和深度分布数据点(数据点:在图表绘制单个值,这些值由条形、柱形、折线、饼图或圆环图扇面、圆点和其他被称为数据标记图形表示...(x = Time, y = demand)) + geom_bar(stat = "identity") 看看有什么区别,在第二个图形,数据time没有6这个值,但是图形X还是画出来了,这就是对于分类变量和连续变量不同...,且是一个分类变量,得到结果是颜色会根据分类不同使用不同颜色. position = "dodge"将同类条形图并排放着,(dodge英文意思是闪躲回避意思,这样记它作用会比较快) 我们想改一下颜色怎么办

3.7K100

10个数据可视化技巧,让你一看就懂!

以类似的方式,我们还可以指定注释对齐方式、字体大小和颜色,而「xytext」参数指示我们是否要在某个 x 或 y 方向移动注释。在上面的例子,我们将在 y 上向下移动注释文本。...5.使用不同颜色区分标签 在某些情况下,在一段时间或一系列,我们可能测量了不同种类物体。例如,假设我们测量 6 个月以来狗和猫体重。...9.重叠绘图和更改标签颜色 在同一上重叠图表很容易:我们只需要为所有想要绘图编写代码,然后,我们可以简单地调用'plt.show()'将它们全部绘制在一起: a=[1,2,3,4,5] b=[4,5,6,2,2...好吧,简单点: 设置「colour」标签,我们可以为每一个设置一种特定颜色。...在条形图中设置顺序 最后是一个非常特殊工具~如果你喜欢使用条形图,你可能会面临这样问题:你条形图没有按照你想要顺序排列。

2.3K10
领券