本文由Tableau爱好者——静子对原文进行翻译，若有问题，欢迎讨论。
效果图
Flerlage Twins
Kevin Flerlage（左）和Ken Flerlage（右）
Ken Flerlage：Tableau Zen大师和大使|分析架构师，战略家和传播者|数据分析助理总监
Kevin Flerlage：Tableau Zen Master | Tableau公共大使| TUG的共同负责人| Unifund的高级分析师和Tableau开发人员
背景
约翰·弗洛（John Forlow）听说了随着COVID-19流行而需要保持社交距离的必要性，他想制作一个可视化的“社交距离平面图”来制定他们的返工的方案。他有一张公司的平面图，包括每把椅子的位置，所以他想在每把椅子周围画一个圈，以显示哪些位置离另一个位置不到6英尺（有社交感染风险）。
如何制作
下图是本示例所用的办公室平面图。
办公室平面图
获取平面图上桌子和椅子的位置信息（X坐标，Y坐标），作为绘制圆的中心点
•打开Interworks' Drawing Tool for Tableau软件
•打开你的平面图
•将光标置于每个椅子的中心，获取椅子的x坐标和y坐标。
获取椅子坐标
将所有点的数据复制到电子表格中（文末有数据下载链接）。
•点击所有椅子的中心，获取它们的坐标位置
•左下角“点数据”区域中复制所有点的数据
•将点数据粘贴到命名为Occupants的表格中，并为没把椅子创建一个顺序ID和描述性的Name。
Occupants表格示例（文末有数据下载链接）
为了将圆绘制到精确的半径，需要对数据进行致密化处理
•创建一张名为Densification的表
•该表有一个命名为Densification Point的列，其值为1至50的公差为1的等差数列。
Densification表格示例 （文末有数据下载链接）
（注意：我们将用这些点绘制一个近似的圆。数据致密化：其实就是用函数进行插值的方法，我们后面会翻译相关文章进行解释。）
数据源（文末有数据下载链接）
•添加Occupants和Densification两个表格
•执行交叉连接，用1=1联接计算来模拟。
（这将使Occupants中的每一行与Densification中的每一行匹配。事实上，实际上我们的数据被复制了50次。）
连接表格
创建参数
（1）“Distance Requirement”
（表示社交距离，在图中表现为圆的半径）
•数据类型：整数
•当前值：7
•点击确认，如下图
创建社交距离参数
（2）“Pixels Per Foot”
（表示图上的一英尺的像素数，由于作者提供的办公室平面图没有图例，且无法获知办公室桌椅的长度，因此译者直接从作者的tableau工作簿中获取了一英寸的像素值。）
•数据类型：浮点
•当前值：25.5
•点击确认，如下图
一英寸的像素值
创建字段
（1）点之间的角度间距“Angle Spacing”
360/({FIXED : MAX([Densification Point])}-1)
（2）给定点的角度“Angle”
([Densification Point]-1)*[Angle Spacing]
（3） 所有圆的半径“Radius”
[Pixels per Foot]*[Distance Requirement (Feet)]/2
注意：直径为6英尺时，半径应该为3英尺。你可能想问为什么半径不是6英尺。每一个气泡的半径为3英尺，当一个气泡接触另一个气泡时，它们（气泡的中心点）的距离恰好为6英尺。当它们相交时，中心点的间距小于6英尺。所以，3英尺的半径使我们可以更直观的看到这些交叉点。
（4）圆上点的x坐标“Circle X”
[Seat X]+([Radius]*COS(RADIANS([Angle])))
（5）圆上点的y坐标“Circle Y”
[Seat Y]+([Radius]*SIN(RADIANS([Angle])))
设置行列项
•将Circle X拖到列中
•将Circle Y拖到行中
•将它们置为连续度量
•在菜单“分析”中取消“聚合度量”
绘制圆
设置标记栏
•将标记类型改为“多边形”
•将ID拖到“详细信息”
•将Densification Point拖到“路径”，设置其为连续的度量，来定义我们连接点的顺序。
改变标记为多边形
（假如这时你的圆看起来更像椭圆，不必担心，因为比例尺有点偏差，我们马上就会修复。）
添加背景图
•在地图菜单中设定背景图。
•选择你的平面图。
•将“Circle X”用作你的X字段，将“Circle Y”用作你的Y字段。
•将“Right”设置为图像宽度，将“Top”设置为图像高度。
•在选项中，确保同时选择了“锁定高宽比”和“始终显示整个视图”。
添加背景图
去除多余的参考
•现在你可以看到每把椅子都有一个直径为7英尺的圆圈。隐藏坐标轴标题，去除参考线以后可以得到如下图的效果。
去除多余的参考
分组
•将未相交的圆变为一组，组名为“Meets”
•剩下的圆自成一组，组名为“Dose Not Meets”，分别给不同的组分配颜色，并调整颜色的透明度为50%。
分组
双轴
•按住键盘上的command（或是Ctrl）复制一个Circle Y胶囊，并选择双轴。
双轴
调整标记方式
•右键坐标轴，取消显示标题
•将其中一个图的标记方式改为路径，并调整其颜色透明度为70%左右。
•此时会出现两个图中的圆形不重合的情况，不用担心，只要将页面布局方式改为“整个视图”就可以调整过来。
调整标记方式
网友评论