【Flerlage Twins专题(1)】Si-Eff 设计方法
本文搬运自国外Tableau大神原创文章,Tableau交流问答群为国内唯一独家授权组织,未经许可不得转载
SampleSuperstore-SalesPerformance Flerlage Twins Kevin Flerlage(左)和Ken Flerlage(右)Ken Flerlage:Tableau Zen大师和大使|分析架构师,战略家和传播者|数据分析助理总监
Kevin Flerlage:Tableau Zen Master | Tableau公共大使| TUG的共同负责人| Unifund的高级分析师和Tableau开发人员
另本文由Tableau交流问答群Tableau爱好者——夏子龙对原文进行翻译,若有问题,欢迎讨论。
在这篇文章中,我们使用Tableau官方数据“示例超市–销售业绩”数据作图,我将解释我在构建这个领域时使用的简单而有效的设计方法,以及在构建业务仪表板时使用的设计方法。 我的目标是解释我是如何自上而下构建的,同时也解释了设计、分析、讲故事和灵感的各个方面。 我不打算展示每一步,而是细分每一节的关键点。
配色方案:
单色主题(绿松石[#41b7c4])来突出显示关键数据点,其他数据点添加灰色([#e6e6e6])。 我从海滩的图片中选择了这些颜色,如下所示。
单色主题(绿松石[#41b7c4])VIZ表头:
VIZ表头:自定义形状作为按钮和标题:
在顶部,按年进行过滤。 使用自定义按钮和使用仪表板操作的筛选功能。
下面是如何在PowerPoint中自己创建这些形状的详细说明:
开放PowerPoint
插入>形状>矩形(圆角)
单击它,您将看到一个黄色的圆圈;单击它并将其拖向中心,使矩形更圆。
格式形状>形状填充>白色
格式形状>形状轮廓>灰色
形状效应>预设>预设2
通过右键单击并选择“另存为图片”,将形状导出为PNG图像。 然后,您只需将其添加到Tableau的形状存储库中即可。
为了在Tableau中创建年份过滤器,我首先将‘YOYE(Order Date)’字段放置在列中,并将Avg(0)添加到行中(我只是在内联中输入了该计算--我没有为它创建特定的计算)。 我将标记类型更改为“形状”,并选择了自定义形状(请注意,您可能需要重新加载形状才能显示出来)。 然后,我将“年份(订购日期)”拖到文本卡上,将年份作为标签显示在每个形状上。 我还展示了连接形状的零线。 最后,我使用了Filter仪表板操作来过滤所有工作表上的数据。
我使用了同样的技术来创建图表标题的其余部分,但显然没有使用任何仪表板操作。
按区域分列的销售情况:
接下来,我决定按地区显示每月的销售趋势。 随着时间的推移,我选择了使用区域图并标注最小值和最大值。
首先,我使用前面提到的软灰色创建了区域图。 为了显示最小值和最大值,我创建了两个计算:
Min
IF SUM([Sales]) = WINDOW_MIN(SUM([Sales])) THEN SUM([Sales])
ELSE NULL END
Max
IF SUM([Sales]) = WINDOW_MAX(SUM([Sales])) THEN SUM([Sales])
ELSE NULL END
然后我创建了一个双轴,第一个轴上有Sales,另一个轴上有度量值(Min和Max作为度量值)。 我把第二轴改为圆圈。 我把度量名称放在颜色上,然后将最大值的颜色改为蓝色,最小的颜色改为深灰色。
创建双轴销售额地图:
按州图计算的销售额也是使用双轴图创建的。 我首先创建了一个简单的按状态填充的映射,并使用了一个顺序的调色板。由于颜色有时很难理解,所以我决定在双轴上显示一个圆圈,尺寸也代表销售额。
从这里开始,我决定添加额外的上下文,通过工具提示显示每个州前5大城市的销售额。 在另一张表格中,我使用Rank函数创建了一个条形图,并按州过滤了前五大城市。
然后,我将该表添加到工具提示中。
结果如下所示。
按类别分列的销售:
接下来,我按类别查看销售情况,并选择使用一个简单的条形图。 我想显示销售总额和总销售额的百分比。 为此,我需要另一个双轴图。 您可以使用两个条形图来完成这个任务,但是我选择使用条形图和甘特图。 我创建了表计算总数的百分之一,并将其作为标签放在甘特图上。 然后,我将销售额的总和放在条形图上,并将文本对齐。
按类别分列的销售趋势:
接下来,我按类别显示了销售趋势。 我按类别逐月创建了一个条形图。 然后,我使用相同的min和max计算字段(与上面的面积图一起使用)来显示每月最小和最大的销售值。 同样,类似于上面的区域图,我使用度量值和度量值来对这些值进行着色。
分类别销售:
为了在一段时间内按子类别可视化销售,我选择了创建一个带有顺序调色板的热图。我利用了圆圈,但是正方形也可以使用。 边缘直方图(一个简单的条形图)显示按子类别分列的总销售额。 我只是使用一个水平容器,以定位的床单并排,并确保对齐。
按分段销售:
虽然它可能不是必要的,但我决定在创建按段销售图时,为这种可视化添加一些变化。 我决定用四舍五入带有双轴圆的条形图。 我用销售额和总销售额的百分比给圆圈贴上标签。
顶级制造商的销售:
对于制造商的销售,我选择用条形图显示前十名。 在这种情况下,我使用了一个双轴图,在SUM(0)处有一个条形和一个甘特标记,作为轴尺。 当然,我们可以简单地设置一个轴尺,但是这种技术提供了一些变化。我还创建了一个工具提示,显示顶级产品,类似于上面地图中使用的产品。
明细表:
正如我们所知道的,一些用户也想要数字,所以我决定在一个可折叠的容器(在2019.2版中引入的)中提供这些信息,而不是创建一个单独的仪表板。的更多信息如何使用可折叠容器和数十个用例,请参阅FlerlageTwins.com上的可折叠容器案例. T他第一节详细介绍了如何使用它们(其中一些我将在下面介绍),我建议您在继续之前快速阅读。
首先,我在容器顶部漂浮了一个容器。 然后单击向下箭头并选择添加“显示/隐藏”按钮。
当我这么做的时候,一个X按钮出现了。 我点击了按钮上的向下箭头,弹出了下面的菜单。 在这里,我将按钮更改为我在PowerPoint中创建的按钮。
现在容器已经设置好了,我创建了另一个表并构建了一个简单的表。 我在这里不详细,但我使背景透明和白色的文本。
现在回到仪表板上,我把那张桌子贴在我的容器里。 我可以将容器的背景设置为任何颜色,但为了设计起见,我将背景颜色设置为黑色(通过选择容器并进入布局选项卡),并将不透明度降低到70%。 这样做时,背景图表会稍微显示出来,而不会分散对表视图的注意力。结果如下:
仪表板动作:
我不仅希望这个概念能够吸引人,而且我也希望它是有用的和互动的。 为此,我实现了许多仪表板操作,以便在整个测试过程中过滤和突出显示。 这使得用户可以向下钻取,并通过仪表板中的任何图表进行过滤。
动态数字格式(K,M,B):
知道我会允许这么多仪表板过滤器,我认为重要的是要使销售格式化动态,以便数字的格式很容易理解没有m。看看用户钻了多远。 我选择使用从“迦勒书”(由萨拉·哈姆登和福阿德),至实现此动态数字格式设置。 根据游戏中的过滤器,数字可以显示没有显示单位,单位:千,百万,等等。
动态数字格式结果:
其结果,在我看来,是一个美丽的,具有良好的分析能力和探索能力。 完整的viz如下所示,您可以通过单击图像进入实际的viz。
最终效果以下为国外Tableau大神Kevin Flerlage和Ken Flerlage的原创链接:
https://www.flerlagetwins.com/2020/04/si-eff-simple-effective-design-approach.html
Flerlage Twins专题系列其他译文见如下链接: