tableau 倒序都倒了_Tableau优秀作品拆解复刻01-是时候终结瘘管病了

83af0c168d0f9f1dd42ce97e7709fbec.png

写在最前面:这个复刻系列是学习tableau官网库中的优秀作品。学习他们亮眼图表的制作细节,仪表板的排版,颜色的搭配以及交互。

tableau库的链接:优秀作品都在这里展示。

库​public.tableau.com

1 整体布局

颜色: 采用橙色(RGB 242 129 72)作为主色调 文字为黑色和灰色

结构: 采用平铺

仪表盘:1200x2200

2 工作表的制作

路径图的制作 – 条形图的高级表现形式

基础图表制作

0 标记 选 线

1关键在于做出两个辅助计算字段 avg(0) 记录数 1

2把维度:国家 拖入图表区的纵轴

3 把度量名称 拖入筛选器 选中1中的两个字段

4 把度量名称 拖入 标记中的路径

5 把度量值 拖入图表区的横轴

822a606dcb4639258cca3bc10760c7b7.png
路径图的基础图表

美化

1. 调整视图:在 菜单下的工具栏中 点选 整个视图

2. 调整颜色:在 标记-颜色-更多颜色中 设置橙色RGB 242 129 72

3. 调整大小:在 标记-大小中 调大路径的宽度

4. 调整标签:把 记录数 加入 标记-标签中 在标记-标签中,勾选 显示标记标签

在文本里选择文字靠右 字体选择 tableau blod 字号 12pt 对齐选择 垂直-中部 水平-右侧 其余自动 在标签标记 里 选择 线末端,在选项中不选 线首标签

5. 调整工具提示:(鼠标悬停在路径上,会显示出的对话框就来自于工具提示)

选择工具提示 会默认显示一些字段,留下一些字段,并且设置字体大小,为14pt 12pt

6. 调整路径类型:不做调整

7. 调整顺序:在图表的行标签里,国家-右键-排序-按字段-记录数-降序

8. 调整纵坐标轴:右键-设置格式 在标题-默认值里 字号调整为10pt 对齐 选择水平左对齐

9. 调整行字段标签:右键-隐藏行字段标签

10. 调整横坐标轴:右键-勾掉 显示标题

11. 调整图表区的格式:图表空白处右键-设置格式-线格式-工作表/行/列 全部为 无

12. 结束

效果如下:

e7923eb6616963fa97e9721058d9de89.png
路径图 美化后的效果

散点图的制作

基础图表制作

1. 标记 选 形状 形状选 实心圆点

2. 做出两个计算字段 random()和 患病占人生的比例(以下简称:比例)

3. 把度量:比例 拖入图表区的纵轴

4. 把度量:random 拖入图表区的横轴

5. 把 病人ID 拖入详细信息中

6. 选择 整个视图

7. 解释:random的意义在于把这些点随机排布在画布中,各个点的横向位置是没有意义的。

结果如下:

0823dee814cd4b90c113e0503c86c471.png
散点图的基础图表

美化

1. 调整视图:在 菜单下的工具栏中 点选 整个视图

2. 调整颜色:在 标记-颜色-更多颜色中 设置橙色RGB 242 129 72

3. 调整大小:在 标记-大小中 适当调

4. 调整标签:无

5. 调整工具提示:把 年龄,比例,患病年限拖入工具提示中 调整细节

6. 调整路径类型:无

7. 调整顺序:无

8. 调整纵坐标轴:右键-设置格式 选择百分比显示,保留两位小数

9. 编辑纵坐标轴:双击纵轴,常规:范围-固定 固定开始:-0.04 固定结束1

刻度线: 主要刻度线-固定 0-0.2 次要刻度线-无

10. 调整行字段标签:无

11. 调整横坐标轴:右键-勾掉 显示标题

12. 调整图表区的格式:图表空白处右键-设置格式-线格式-工作表/行/列 全部为 无

13. 添加注释:右键想要添加注释的点-添加注释-标记 添加文字

14. 结束

结果如下:

f64cd35d0350f7961228acdbcefa393a.png
353号病人17岁患病,43年后经治疗痊愈

路径图的制作 同上

美化:需要注意的是,标记-标签-对齐 选择的是水平左对齐

结果如下:

ad46e45256022aa9e317732bc3f729d3.png

其他图表

捐赠

1. 创建计算字段 “捐赠”,拖入标记-文本中

2. 在图表区右键-设置格式 分别设置 字体/对齐/填充

3. 添加操作-超链接到相关URL

1. 原作中是自己上传的图标,我在tableau形状库中找到一个比较接近的,积累自己的图标素材库很有必要

2. 添加形状

3. 度量中随便拖入一个字段到 标记-详细信息中

4. 调整工具提示:输入文字

总结

1. 这个项目,相对来说整体是比较简单的,数据量也不大。从中学习的点主要在于路径图的画法,对图表区的细节处理,这部分几乎都是在 格式设置中完成。

2. 至于仪表板,拖入平铺和浮动的对象是基本的操作。学习的点在于各个对象之间的拼接,以及空白对象的使用,可以作为分隔多个对象的分割线,这个在链接里的仪表板里有例子。

3. 平铺还是浮动?

因为是复刻,所以我这次制作的顺序是

a. 各个工作表

b. 在仪表板上平铺全部容器和对象

c. 把各个工作表和其他对象拖入容器中

实际上,我推荐使用浮动,不论是移动还是缩放,可操作性都很强。

4. 如果不是这个项目的话,可能不会了解到这个病。通过百度我了解到这是一个女性分娩时候可能出现的病症,在医疗比较好的地方是可以做到治愈的,但是恰恰是在各方面条件都不太好的非洲。那个17岁生孩子患瘘管43年的女性让我印象深刻,好在通过这个医疗项目,平均190美元的花费,她被治愈了。跳出tableau制作,女性承担的压力比我想的要严重的多,其实很多人包括我在内都没有认真想过这个。

最后来看一下原作和复刻的相似程度,倒不是为了一样而一样。

86294143bb7fe4b26737607798b1a655.png
原作

5bafa9d35f0d7d1044db0d9a4672d29c.png
复刻

原作作者的个人tableau空间:

Tableau Public​public.tableau.com

复刻需要用到的excel数据,制作完成的tableau作品都在百度网盘,提取码 S7i4:

点我。​pan.baidu.com

挖个坑,下一期复刻新冠疫情对于航空旅游业的影响的viz,可以练习筛选器,参考线以及地图的使用。

6f74b9bb618e0ea10f30e599ca35477c.png

原作链接:

库 | Tableau Public​public.tableau.com

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/460434.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

目前最细致清晰的NSDictionary以及NSMutableDictionary用法总结(转)

做过Java语言 或者 C语言 开发的朋友应该很清楚 关键字map 吧,它可以将数据以键值对儿的形式储存起来,取值的时候通过KEY就可以直接拿到对应的值,非常方便。在Objective-C语言中 词典对象就是做这个事情的,不过在同一个词典对象中…

android string数组转json_移动端开发基础【20】pages.json的配置项pages

uni-app项目是通过pages节点配置应用由哪些页面组成,pages节点接收一个数组,数组每个项都是一个对象,其属性值如下:(1) 属性:path类型:String描述:配置页面路径(2) 属性:style类型&a…

java中重载和重写

重载: 同一个类中定义名称相同但参数个数或类型不同的方法,因此java可根据参数的个数或类型的不同来调用相应的方法。 重写(覆盖): 在子类中,定义名称,参数个数与类型均与父类完全相同的方法&am…

thinkphp 内置函数详解

D() 加载Model类M() 加载Model类 A() 加载Action类L() 获取语言定义C() 获取配置值 用法就是 C("这里填写在配置文件里数组的下标"…

dual mysql 获取序列_如何使用mysql 一次查询多个序列

postgresql使用的sql语句如下:selectt.seqValuefrom(selectnextval(seq_attr_id)seqValue,generate_series(1,5)seqNum)t;oracle使用的sql语句如下:selectseq_attr_id.nextvalfro...postgresql使用的sql语句如下:select t.seqValu…

PHP多线程的实现(PHP多线程类)

通过WEB服务器来实现PHP多线程功能。 当然,对多线程有深入理解的人都知道通过WEB服务器实现的多线程只能模仿多线程的一些效果,并不是真正意义上的多线程。 但不管怎么样,它还是能满足我们的一些需要的,在需要类似多线程的功能方面…

SPOJ Problem 6219:Edit distance

LCS问题&#xff0c;状态转移方程为f[i][j]min(f[i-1][j],f[i][j-1],f[i-1][j-1])1,若a[i]b[j]则f[i][j]f[i-1][j-1] #include<cstdio> #include<cstring> #define max(a,b)a>b?a:b #define INF 1000005 int t,i,j,k,l1,l2,q; char a[2005],b[2005]; int f[200…

int main() 与 void main()

从大一入学刚接触C到现在已满7个月了&#xff0c;虽然刚开始就知道int main才是标准的写法&#xff0c;但一直没有深刻理解为什么不能用void main而必须使用int main。 刚好最近有非计算机相关专业学C的同学问我int main、main和void main有什么区别&#xff0c;便觉得是时候好…

Socket、Http、TCP/IP、UDP的联系与区别

HTTP协议&#xff1a;简单对象访问协议&#xff0c;对应于应用层 &#xff0c;HTTP协议是基于TCP连接的 tcp协议&#xff1a; 对应于传输层 ip协议&#xff1a; 对应于网络层 TCP/IP是传输层协议&#xff0c;主要解决数据如何在网络中传输&#xff1b;而HTTP是应用层协…

honeywell扫码枪取消回车_霍尼韦尔条码扫描器常见问题与解决方法

原标题&#xff1a;霍尼韦尔条码扫描器常见问题与解决方法对于用户使用无线条码扫描器还是有线&#xff0c;再使用过程中难免会遇到一些小问题&#xff0c;又不知道这么解决&#xff0c;下面兆麟条码技术部提供一些条码扫描器出现的问题以及解决方法&#xff0c;供大家参考学习…

Ubuntu Server 分区案例

为什么80%的码农都做不了架构师&#xff1f;>>> 只有一台服务器&#xff0c;配置硬盘1TB&#xff0c;内存4GB&#xff0c;既要做开发服务器&#xff0c;又要做Web服务器和数据库服务器&#xff0c;分区如下&#xff1a; 挂载点大小分区格式 /boot512MBext4/20GBext…

转:有关常量的知识点

整型常量十进制&#xff1a;18、-31long int型常量 123l、123L、123456l、123456Lunsigned int型常量 123u、 123U根据实际数据大小确定int型还是long型以数字“0”开始的整型常量是八进制数022、-037010和10大小不一样因为八进制并不常用&#xff0c;所以此种表示法比较少见以…

python移位操作困惑

1.在使用python进行移位操作的时候发现python进行移位操作后的数值与其他语言不一样&#xff08;java,php,javascript&#xff09;&#xff0c;然后google了下 看到了这篇帖子http://www.cnblogs.com/zhengyun_ustc/archive/2009/10/14/shifting.html&#xff0c;然后又看了看…

e480 黑苹果_Thinkpad E480黑苹果组建Fusion Drive——鱼和熊掌我都要

Thinkpad E480黑苹果组建Fusion Drive——鱼和熊掌我都要2020-03-28 21:00:244点赞17收藏4评论小编注&#xff1a;此篇文章来自即可瓜分10万金币&#xff0c;周边好礼达标就有&#xff0c;邀新任务奖励无上限&#xff0c;点击查看活动详情概述近日在家闲来无事&#xff0c;一直…

Android -- WebView进度条

有系统actionbar requestWindowFeature(Window.FEATURE_INDETERMINATE_PROGRESS);//先给Activity注册界面进度条功能 setContentView(R.layout.main);//布局 setProgressBarIndeterminateVisibility(true);//在需要显示进度条的时候调用这个方法 setProgressBarIndeter…

360网络修复工具_为什么大家都在骂360,但是360依旧是很强?

相信很多小伙伴也多多少少的听说过就是不要随便装360&#xff0c;因为装上360会如何如何。这些人往往说起来也是很有道理&#xff0c;我在以前上学的时候也是这么觉得&#xff0c;但是后来工作之后发现并不是这样。360先说一下360安全卫士的功能&#xff0c;有系统优化、垃圾清…

c语言编程题目(一)

2017-05-09 19:54 1人阅读 评论(0) 收藏 举报转自&#xff1a;http://blog.csdn.NET/oqqhutu12345678/article/details/69524383 1. 用预处理指令#define 声明一个常数&#xff0c;用以表明1年中有多少秒&#xff08;忽略闰年问题&#xff09; #define SECONDS_PER_YEAR (60 * …

Java运行时内存

对于java程序员来说&#xff0c;并不必显示地对内存进行管理&#xff0c;一切都交给java虚拟机去做吧&#xff0c;而且&#xff0c;你也不一定做得比java虚拟机来得专业。好像所有内存管理都交给虚拟机去做就万事大吉了&#xff0c;但是&#xff0c;事实有时并非如此&#xff0…

中班机器人上课视频_家委会:出班费买智能扫地机器人,不用家长搞卫生了,莫名其妙...

【01】原来大家上学&#xff0c;几乎是很随意的样子&#xff0c;有人至没上过幼儿园&#xff0c;有的上过半年&#xff0c;然后就直接升小学。可即使是升小学了&#xff0c;家长也不会管&#xff0c;全凭自己了。可如今随着社会的发展&#xff0c;父母们都非常重视孩子们的学习…

Powerful Sleep(神奇的睡眠-睡眠生物钟的秘密:如何睡得更少却睡得更好)阅读笔记...

睡眠机制 我们活着的时候&#xff0c;大脑会产生脑电波。脑电图仪器通过贴在人头上的一些电极读出脑电波的活动&#xff0c;然后把活动用图表显示出来。 睡眠过程可以分为5个过程&#xff0c;划分依据与大脑发出的脑电波类型。 当人清醒时&#xff0c;大脑发出β脑电波&#xf…