建议使用以下浏览器,以获得最佳体验。 IE 9.0+以上版本 Chrome 31+ 谷歌浏览器 Firefox 30+ 火狐浏览器
请选择 进入手机版 | 继续访问电脑版
设置昵称

在此一键设置昵称,即可参与社区互动!

确定
我再想想
选择版块
直达楼层
标签
您还可以添加5个标签
  • 没有搜索到和“关键字”相关的标签
  • 云产品
  • 解决方案
  • 技术领域
  • 通用技术
  • 平台功能
取消

采纳成功

您已采纳当前回复为最佳回复

加油O幸福

发帖: 201粉丝: 14

发消息 + 关注

发表于2021年02月06日 21:01:45 2637 2
直达本楼层的链接
楼主
显示全部楼层
[技术干货] 数据可视化方式6

6. 摩天大楼(Skyscrapers)


与华丽的国家地理的费尔南多· 巴普蒂斯塔的信息图表不同,商业仪表盘不适合使用等距的“摩天大楼” 代替精确的普通条。

image.png



3D 图表缺乏准确性,当用户快速浏览界面以发现异常和倾向时,3D图表会造成一个严重的障碍。在下面的一张图片中,我试图模拟第一眼看到什么会吸引人们的注意。你能分辨出用彩色圆点标记的条形图的高度是否相同吗?


image.png


以绿色方块为标记的柱状图数据相同,以玫瑰色圆点为标记的柱状图数据相同,第一个方块高3% 。好吧,如果问题是数据准确性不足,那么为什么设计师不调暗其余的平行六面体,只留下前面突出显示?效果是这样子的:

image.png



然而,准确性并不是唯一的问题。正如尤达大师在文化基因中所说,“还有另外一个。”已经猜到了?我指的是紧凑性和反映自然、微妙的数据波动的能力ーー不是这种总是起伏不定的夸张的过山车。


image.png


如果简化它,测量参数的微妙变化将更好地区分。可以保持黑色主题,如果精确度和高光部分恰到好处的话,例如,在选定的时间范围内最高和最低的值。顺便说一下,我没有压缩条形图的宽度,但是现在的图表比以前窄了两倍!


image.png


风险小结


  • 与数据量相比,“摩天大楼”以及其他等距可视化图像占据了巨大的空间。

  • 这样的图表也不能呈现微妙的数据波动。

  • 当“摩天大楼”突出显示“屋顶”时,它们就更难阅读了,因为顶部的条看起来更高。


如何避免


  • 不要在商业图表上使用3D效果。

  • 确保图表设计支持真实的数据,这些数据通常不像原型图那样完美呈现波浪形。


举报
分享

分享文章到朋友圈

分享文章到微博

采纳成功

您已采纳当前回复为最佳回复

满心

发帖: 150粉丝: 3

发消息 + 关注

发表于2021年02月07日 13:59:31
直达本楼层的链接
沙发
显示全部楼层

点赞 评论 引用 举报

采纳成功

您已采纳当前回复为最佳回复
发表于2021年02月09日 21:39:20
直达本楼层的链接
板凳
显示全部楼层

get到了

点赞 评论 引用 举报

游客

富文本
Markdown
您需要登录后才可以回帖 登录 | 立即注册

结贴

您对问题的回复是否满意?
满意度
非常满意 满意 一般 不满意
我要反馈
0/200