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

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

7.避免混淆双轴 通常,为了节省可视化空间,当有两个具有相同度量但不同量级数据系列时,您可能倾向于使用双轴图表。这些图表不仅难以阅读,而且还以完全误导方式代表了 2 个数据系列之间比较。...大多数用户不会密切关注比例,只是浏览图表,得出错误结论。 8.限制图中显示切片数量 是最受欢迎且经常被误用图表之一。在大多数情况下,条形是更好选择。...但是,如果您决定使用,这里有一些关于如何使其工作建议: 不要包括超过 5-7 片,保持简单 您可以将额外最小段分组到“其他”切片中 9....订购以加快扫描速度 有几种普遍接受订购馅饼切片方法: 将最大切片放在 12 点钟位置,然后按顺时针方向降序放置下一个切片 将最大切片放在 12 点钟方向,顺时针方向放置第二大块,然后在 11...在下面的示例,您可以看到 IOS Health 应用程序使用各种数据呈现组合来发挥其优势。

1.6K30

手摸手告诉 UI 妹子数据可视化 20 条优化细则【切仔直接收藏】

避免混淆折线图双轴 通常,为了节省可视化空间,当有两个具有相同度量但幅度不同数据系列时,我们可能倾向于使用双轴图表。...但这些图表不仅难以阅读,而且还以错误方式误导了用户:其代表两个数据系列之间比较。 8....限制切片数量 不要超过 5-7 个切片,尽量让其保持简单; 可以将超出最小段分组到 “其它” 切片中; 9....顺时针从大到小设置 按序设置切片大小位置更利于阅读: 将最大切片放在 12 点钟位置,然后按顺时针方向降序放置下一个切片; 12....让用户自己生成自定义图表 我们可以参照 IOS Health 应用程序,可以通过更改参数、可视化类型、时间线等帮助用户自己进行探索,得到自己想要看数据展示,这种用户体验就很友好~ ---- 本篇通译自

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

52个数据可视化图表鉴赏

很多Excel、PPT已有的图表或者是用这两个Office软件可以轻松绘制简单图表,现实需求却要用BI工具来实现,耗时耗力、不能快速部署落地,同时本质上和造轮子无异。...轴与线之间区域通常用颜色、纹理和图案填充来强调。通常一个面积用于比较两个两个以上变量。 3.箭头 箭头可用作多个替代品。...这些线是根据历史数据确定。 18.南丁格尔玫瑰 Coxcomb,有时被称为极区或玫瑰,是条形组合。不是根据数据更改角度,而是通过更改半径调整每个线段面积。...34.帕累托 以Vilfredo Pareto命名Pareto图表是一种包含条形和折线图图表类型,其中单个值由条形按降序表示,累积总数由线条表示。 35. 使用显示比例。...每个环对应于层次一个级别,中心圆表示根节点,层次从根节点向外移动。环根据其与父切片层次关系进行切片和划分。每个切片角度要么在其父节点下等分,要么与某个值成比例。

5.7K21

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

7、避免使用双轴 一般情况下,为了节省可视化空间,当有两个数据系列具有相同度量但大小不同时,可能倾向于使用双轴图表。...8、图中显示切片数量不宜过多 是最受欢迎且经常被误用图表之一。 在大多数情况下,条形是更好选择。...但是,如果非要使用,需要注意以下几个点: 不要超过 5-7 个切片,保持简洁 可以将额外多最小段分组到“其他”切片中 9、直接在图表上标注标签 没有适当标签,无论图表多好看——它都几乎没有意义...11、切片需要排序 如果切片大小无顺序,则很难理解表达内容。 所以切片需要以一定规则排序,一般是将最大切片放在12点钟位置,然后按顺时针方向降序放置下一个切片。...发散调色板是两个连续调色板组合,中间有一个中心值(通常为零)。通常,不同调色板会传达正值和负值。确保颜色也符合“消极”和“积极”表现概念。

2.6K20

传递数据背后故事——图表设计

是一种以长方形长度为变量统计图表。常用于比较两个或以上值。...类型比较少,主要有以下三种: 基础型,包括常规型和环形; 半圆型,在某些场景,半圆会比较方便排版,利于对齐。...错误坐标轴选择,或者关键元素缺失,会导致图表准确性下降,表意不明。 A.柱形 数据产品图表强调数据准确性,通常零基线是不可或缺,为了强调起始位置,颜色上要比其他网格线深。...2-14 柱形图中零基线 柱子宽度为D,则柱子之间间距建议在1/2D与D之间,簇形柱形两个柱子之间间距建议为1/8D。...2-27 表格对齐 表示状态文字,通常只有固定几种类型(已完成、待支付等),则可以采用居中对齐。

1.2K10

Excel图表学习69:条件圆环

圆环必须有8个切片,每个切片颜色必须与工作表值对应,如下图1所示。 ? 1 每个切片颜色显示在图表左侧工作表单元格区域内。...根据单元格包含字母“R”、“Y”或“G”将它们填充为红色、黄色和绿色。这在工作表很容易做到,但在图表没有像这样更改颜色机制。 可以使用VBA来实现,但本文使用了工作表公式。...7 在更改图表数据源之前,必须应用“属性采用图表数据点”技巧。...在单元格区域E13:E36输入公式: =IF(F13=1,B13,"") 现在选择切片(全部或一个),拖动紫色高亮区域任意角使其占据一列,然后拖动紫色高亮边缘使其包括“标签”列。...12 当在工作表更改每个切片颜色时,图表也相应地反映了该变化,如下图13所示。 ? 13 再次修改工作表颜色图表也相应更新,如下图14、15所示 ? 14 ?

7.8K30

看了我做年度报表,老板大呼NB!

最终效果: ? 2、操作步骤如下 1)按照如下操作,创建你第一个透视表 ? 2)然后在现有工作表创建数据透视表,如下图 ? 3)我们选择在这个sheet工作表,创建我们数据透视表 ?...24)用同样方法,我们为产品类别对应透视表建一个:点击第一个透视表,点击“分析”-“数据透视图”,在图表类型弹框中选择“”,然后确定。如下图 ?...25)接着开始排版,单击柱状,待柱状四周出现白色圆点,长按并拖动鼠标,将柱状挪到合适位置(根据下图) ? 26)拖动白色圆点,将柱状调整到合适大小 ? 27)同理也是一样 ?...28)目前来看图形还是太朴素了,不符合我们高端华丽档次,所以我们要给它们加点颜色 ? 29)点击“图表样式”旁边更改颜色”,将柱子更换为黄色 ? 30)同理也是一样 ?...31)给切片器设置一个你喜欢颜色 ? 32)我们为透视表每个业绩总额都画一个数据条,这样可以清晰地看到数据之间对比。长按鼠标左键拖动,选中任意一个透视表所有“业绩总额” ?

1.1K30

如何用Tableau可视化?

常用图表可视化 页面布局和格式设置 项目案例 这是一家咖啡店数据,Excel里有两个表,分别是销售数据表、产品表。...首先,新建工作表命名为环形,标题居中,将数量拖至标记,图形选: image.png 将数量标记选为角度 image.png 将咖啡种类拖至标记,选择颜色 image.png 选择整个视图...,需要将【度量】【记录数】拖入【行】 image.png 然后,重复刚才操作,再次将【度量】【记录数】拖入【行】 image.png 并且将两个【度量】【记录数】都设置为【最小值...在Tableau中选择“散点图”,按下图添加所需数据,就可以绘制散点图 image.png 散点图可以观察多种数据之间关系,常用于相关分析方法。...在Tableau,你可以控制报表页布局和格式设置,大小和方向。

2.3K40

分享一份高质量数据可视化作品指南

它们还可用于比较多个数据组更改。 ? 来源:环境署 条形:条形应用于比较几个类别的定量数据。它们也可用于跟踪数据随时间变化,但最好仅在这些变化很重要时使用。 ?...来源:我们数据世界 散点图:散点图应该用于显示一组数据两个变量值。它们非常适合探索两组之间关系。 ? 来源:我们数据世界 应该用于显示整体部分。它们无法显示随时间变化变化。...甚至显示数据顺序,使用颜色(例如最重要颜色更亮,或基线数据显示灰色),以及图表各种元素大小(比如扩展某些切片图表常规边框),从而帮助用户更轻松地解释数据。...避免使用不能准确表示数据集可视化表示,3D。 ? 像这样3D使得用户很难搞清楚每个切片实际可视化比例。...由FiftyThirtyTwenty提供 像这样条形是显示数据集之间差异绝佳方式,而且增强颜色对比度会使视觉受损用户更容易访问此图像。 ?

1.3K20

全能keynote模板 300页800MB

8512.jpg 模板详细介绍 超过300张独特,干净和现代幻灯片 两种尺寸规格:16:9宽屏(1920×1080,全高清)3:4标准格式(1920×1440) 两个6色主题和4个单色主题,易于编辑,...keynote内手工制作信息图表,易于编辑,100%矢量数据图表,支持打印 包括世界部分国家地图:美国,加拿大,德国,中国,俄罗斯,印度,巴西,日本,墨西哥,非洲,亚洲,欧洲,南美,所有国家/地区地图均为矢量形状...可自由缩放,旋转,调整大小,设置动画,更改颜色…… 包括:投资组合幻灯片,信息图表幻灯片,世界地图分析,部门和团队成员,时间轴和照片时间轴,服务和技能幻灯片,社交媒体和市场营销,过程设计,树形...,图表,设备样机幻灯片,矩阵图,分区/分隔符幻灯片 项目样机: iphone,ipad,Apple Watch,Macbook,Macbook Pro,Cinema Display,台式机 iPad和iPhone...,以及所有颜色变化,包括黑色,白色,香槟色 可编辑数据:气泡,柱形,面积,条形 效果预览真实配不包含在内,包含图片或视频占位符,一键换图 所有幻灯片均包含完整动画效果 包含4000

1.9K90

可视化图表入门教程

本文主要介绍常见图表信息表达特征和适用场景,帮助大家了解如何在不同场景下选择合适图表,从而帮助我们更清晰传递信息。...2:图表基本元素 可视化图表两个概念 1. 维度(Dimension) 地区、性别、职业等,常常是观察数据角度,往往是横坐标。特征为类别型字段、一般是离散、不可进行四则运算。 2....:进出口贸易值对比、某业务前后变化对比、人为构建均值差异等。 ? 9:背离式条形 柱形结合折线图 柱形结合折线图,通过对比多个指标,使得一个图表可以表现两个层次信息。 ?...“家族” 基础 例如图14,面积代表占比大小。需要标注具体数值,如果没有具体数值标注,是很难看出分公司D和分公司E占比大小差异。 ?...14:基础 技巧:将需要突出显示部分,置于左上角、顺时针方向。 环状 环状是由两个两个以上大小不一叠在一起,挖去中间部分所构成图形,与本质上没有任何差别。 ?

2.3K20

24个简单、好看可视化图表用法介绍!数据分析小白必看

特点:雷达变量过多会降低图表可阅读性,非常适合展示性能数据。 7、词云 简介:词云 是文本大数据可视化重要方式,常用于将大量文本高频语句和词汇高亮展示,快速感知最突出文字。...常用于网站高频搜索字段统计。 特点:不适合数据量多文本数据,也不适合数据区分度不大数据处理。 8、聚合气泡 简介:聚合气泡 ,维度定义各个气泡,度量定义气泡大小、颜色。...特点:数据比较相近时,不适合用,而是适合用南丁格尔玫瑰。 二、占比类 1、 简介: 一般通过颜色区分类别,幅度大小对比数据,并且可以展示各类别与整体之间占比关系。...4、多层 简介:多层 指的是具有多个层级,且层级之间具有包含关系图表。多层适合展示具有父子关系复杂树形结构数据,地理区域数据、公司上下层级、季度月份时间层级等等。...特点:展示两个连续变量差值变化趋势。 3、普通面积 简介:普通面积是在折线图基础上进化而来,也很方便来体现事物随时间或其他有序类别而变化趋势。

2.9K30

R语言在地图上绘制月亮数据可视化果蝇基因种群

还要注意是,由于月亮各部分是从圆一侧或另一侧扫过,所以一般只适合于描述一个或两个群体。 月亮与Kosara(2019)1 "圆形切片 "类似。...在研究受试者对不同图表类型中百分比感知时,"圆形切片 "表现与类似。月亮与 "圆形切片 "不同之处在于,后者是在一个基础圆上滑动第二个同样大小圆盘,更像是月食而不是月相。...两个美学在geom_moon也很重要:比例和填充。 比例美学 比率控制要绘制月亮比例。它必须在0("新月",实际上什么都没画)和1("满月",即一个圆)之间。...地图在人口遗传学很流行,所以让我们看一下该领域一个例子。数据包含果蝇种群Adh基因两个变体频率。这些种群中有许多都很接近,所以我们必须处理过度绘制问题,我们在下面手动处理。...Harvey balls哈维球分析法 "哈维球 "本质上是用于定性比较,通常以表格形式出现。我们可以使用月形来达到同样目的。 首先,让我们获取一些数据。 ? 哈维月亮图表

1.8K30

PPT如何打造了若指掌可视化图表

右击形状选择"设置形状和格式",在右侧窗格切换到"填充→渐变填充",在下方渐变光圈依次添加一个灰色和红色光圈,然后将两个光圈位置都移动到85%处重合(只有光圈重合,颜色填充分界才会明显),用这个比例表示疾病人群占比为...先在PPT插入一条三文鱼图片,接着选中图片点击"图片工具→标记要保留区域",然后进行抠,接着点击"保留更改"将三文鱼图片背景删除备用。   ...把上述准备好结合形状叠加到上述图表上方,同时调整形状大小,使得形状圆形正好覆盖,接着选中形状切换到"绘图→形状填充",将其颜色填充为和幻灯片背景相同绿色,同时设置其轮廓为无,这样形状就会覆盖上述外缘区域...,同时填充颜色会对形状透明部分进行填充。...最后添加上文案说明即可,因为颜色会对形状进行填充,因此当数据比例变化时,形状填充部分也会同步变化,这样图表是不是可视化效果更好呢?

2.1K40

Python绘制

(也称为圆形图表)是一种类似于圆饼图表。. 每个”切片”部分代表一个数据类别,所有切片构成一个整体,合计为100%,”切片大小是其在整体占比。...使用python可以快速绘制,matplotlib是python里绘图库,尤其是在数据分析尤为重用。...构成 绘制基础 matplotlib库 matplotlib是python中非常强大绘图库。 绘制,需要用到matplotlib库pyplot模块。...使用 from 库 import 模块名 形式导入: py from matplotlib import pyplot 绘制基础 使用pie()函数,并在括号填写数据列表,就可绘制出一个基础...py pyplot.pie(data, labels=lab, autopct='%.2f%%', radius=1.5) 颜色 设置pie()函数colors参数,可以改变颜色

2.5K10

学会这个,领导要结果立马就有

(案例数据在文末可以下载) image.png 现在有两个业务需求: (1)汇总销售阶段与赢单率交叉表金额合计值 (2)使用以下数据,制作销售阶段透视图并制作领域字段切片器与数据透视图关联。...(2)以“所属领域”字段制作切片器,并与进行关联。...在案例演示,我选择了“金融服务领域”,自然呈现就是该领域下不同销售阶段金额总值了。 image.png (2)制作透视图 数据统计好后,就来做透视图。...单击数据透视表里任意一单元格-【数据透视表工具】-【分析】-【数据透视图】,在弹出【插入图表】对话框中选择【】,最终结果如下: image.png 当然,还可以对这透视图表进行美化,颜色变换、...标题修改、添加数据标签、隐藏图表字段按钮等,小伙伴可自行探索。

2.5K00

只需一行Python代码,轻松get表白技能

华夫(Waffle Chart),或称为直角,可以直观描绘百分比完成比例情况。与传统相比较,华夫图表百分比更清晰和准确,它每一个格子代表 1%。...设置颜色 颜色是影响一个图形外观重要因素之一。参数colors接受列表或元组颜色。其长度必须等于values。... values=[30, 16, 4] colors=["#232066", "#983D3D", "#DCB732"] 更改色块颜色另一种方法是将matplotlibColormap传递给参数...cmap_name="tab10" ? 比较有意思是下面的字符和图标这两个参数。...使用icon_style设置图表样式可以是Solid, Regular 和 Brands。 使用icon_legend= True设置图例,图例符号将是图标,否则,它将是一个颜色条。

89120

3个顶级开源JavaScript图表库【Programming(JavaScript)】

您可以将条方向更改为其他类型,例如将type设置为horizo​​ntalBar。 你还可以通过在backgroundColor数组参数中提供颜色类型来设置条形颜色。...将颜色分配给标签和数据,这些标签和数据在其对应数组中共享相同索引。 例如,第二个标签“ Latin America”将设置为“ blue”(第二个颜色)和4(数据第二个数字)。...在项目中包含 Chartist.js 库及其 CSS 文件之后,可以使用它们创建各种类型图表,包括动画、条形和线形。 它利用 SVG 动态地呈现图表。 下面是一个使用库绘制代码示例。 <!...您可以使用它们来控制创建图表外观。 例如,预先创建CSS类.ct-chart用于构建容器。...要对各种分区进行样式化,可以使用默认值 .ct-series-a类。每个系列计数(a,b,c等)都会对字母a进行迭代,以使其与要设置样式切片相对应。 Chartist.Pie方法用于创建

3.9K00

《101 Windows Phone 7 Apps》读书笔记-Weight Tracker

➔进度-根据最终瘦身计划,总结我们减肥进度。这个仪表盘视图通过来实现。     虽然这是一个基于Pivot控件应用程序,但是本章内容目的是演示如何在我们应用程序中加入和表。...* 折线表中使用线段和点风格已经做了一些更改。例如,线径减小,线段和点颜色已经与当前主题颜色相匹配,每个点渐变填充效果被移除等等。    ...➔第三个(也是最后一个)Pivot Item具有一些text block控件,它们之间嵌入了两个。每个XAML代码看上去很类似,因为唯一不同就是在背后代码设置需要显示数据。...为图表数据点选择颜色时,无论是同种类型或者是不同类型,它在分配给Palette属性样式集合中进行选择。这个集合可以被更改,每种包含了Palette属性图表类型,也可以具有其自身拥有的集合。...因为该列表只包含了两个片,而且我们只想要第一个片可见,所以这些Palette使用了两个画刷,第二个画刷用于匹配背景。

1.4K80

吐血整理:24种可视化图表优缺点对比,一看懂!

优点:在值更改公开详细信息,或者在广泛数据类别公开地详细分解 缺点:流许多值和变化导致复杂而且交叉视觉效果,虽然很漂亮,但可能很难解释 03 条形 表示类别之间关系(“分类数据”)高度或长度不等条形...优点:既适合水平又适合垂直紧凑图表形式;当两个变量之间差异最重要时,非常适合在它们之间进行多次比较 缺点:当变量“翻转”(高值是前一个棒棒糖图中低值)时,多个棒棒糖之间比较可能令人困惑;值相似的多个棒棒糖...有些网络虽然漂亮,但可能很难解释 15 被分成若干部分圆,每个部分代表某个变量在整个值中所占比例。通常用于显示简单总数细分,人口统计。...优点:使人们易于发现系统流程细节;帮助识别主要组成部分和低效地方 缺点:是一种由包含许多组成部分和流动路径复杂系统构成图表 17 散点图 对照某一特定数据集两个变量而绘制点,表示这两个变量之间关系...20 叠加区域 也称为区域,描绘某一随着时间推移而变化变量线条,线条之间区域用颜色填充,以强调体积或累计总数。

4.5K20
领券