大数据时代，我们最常听到的一句话就是“用数据说话”。但数据本身都是冰冷的数字，它很难直接告诉我们哪些数据是有价值的信息。只有把相对复杂、抽象的数据通过可视的方式以人们更易理解的形式展示出来，才可以使传递给使用者的感受更加直观，也更容易获得其中价值，这种手段就叫做数据可视化。数据可视化可以更形象地表达数据内在的信息和规律，促进数据信息的传播和应用。大屏数据可视化是数据可视化的一种，其以“大屏”为主要展示载体的数据可视化设计，具有“大面积、炫酷动效、丰富色彩”等特点。利用面积大、可展示信息多的特点，通过“关键信息大屏共享”的方式可方便团队讨论、决策，故大屏常用来做数据分析、监控使用。有了大屏，关键信息即可一目了然。比如11.11大促期间，所涉及的产品从底层IDC、基础网络，到Iaas、PaaS、SaaS，层层都有很多模块服务，想要看到云平台核心业务运行是否正常，是否有潜在风险，都可以在一块综合大屏中展示出来。这样研发或者运维不仅可以做日常巡检，当发生故障时，也能帮助做分析和定位。上图为京东智联云在今年11.11期间的核心业务监控大屏。这个大屏最主要核心的就是正中间的三个圆形图片，也是稳定性最重要的信息——“资源水位”，“服务运行状态”，“安全态势”。图片通过不同颜色表示系统的稳定状况，既生动又易于理解：- 橙色表明需要注意某个或者某些资源水位达到预警，准备扩容，某个或某些服务可用性下降，需要关注，有DDoS攻击正在封堵；
- 红色表明某个或者某些服务已经异常，影响线上业务，需要研发运维，处理故障。
图 1 左下角是核心业务流量趋势图，有同比（去年11.11），环比（今年618）数据，通过这些数据可以直观地看到这些核心业务流量是否正常，如果不正常可能是会有异常情况或者故障发生，也能从此趋势图预测下次大促流量，提前预估出容量，为下次大促做准备。除了集中展示信息，大屏还有一个非常重要的特性就是它能展示信息之间的关联性。在图1 的核心业务监控大屏中，当服务运行状态颜色变红，说明有服务异常。在大屏右下角，可以看到是哪个产品服务有异常，且从下到上的服务之间是有依赖关系的，当底层的服务异常变成红色，那么上层服务可能都有异常，都变红色，通过这种依赖层级关系，能更快地做故障定位，迅速做止损，想看具体哪些资源或者服务异常，可以点击下面的小图，链接到相应的服务大屏里。下面图 2是安全态势的大屏，在这张图中可以看到哪个位置的机房被攻击，Top5的攻击者IP是多少，安全事件发展趋势等。通过这种直观，有关联的方式，把核心数据及稳定性工作呈现出来，也更容易向上汇报。不熟悉底层业务的同事，也能容易理解接受，起到一目了然的效果，尤其是有地域性特点的业务，用地图更是起到“一图胜千言”的效果。在京东智联云11.11大屏数据可视化的实践过程中，我们总结出几个设计原则：首先，先总览后细节。大屏因为大，承载数据多，为了避免观者迷失，大屏信息呈现要有焦点有主次。可以通过对比，先把核心数据抛给观看者，待其理解大屏主要内容与展示逻辑后，再逐级浏览二三级内容。部分细节数据可暂时隐藏，有需要时可通过鼠标点击等交互方式唤起；第二，大屏指标在8-12个为宜。大屏上的展示空间是有限的，我们不能将所有的数据都堆到大屏中，关注的人想要看到的也只是一些关键数据，因为大屏上的指标数量最好在8-12个之间，这也是数据指标数量的主流配置，当达到这个数量时，大屏整体看起来不空也不挤；第三，比率类、数字类和子部分布类指标要合理布局。比率，数字总计和子部分布这三类指标在每张大屏中几乎必然出现，并且出现的次数也很多，次数分布也比较均匀，因为一般大屏都需要有数字总计类的指标，而且往往是核心指标，这样方便知道核心指标目前的总体状况。但是仅仅一个数字并不能反映出当前指标的完成情况，所以也需要有比率指标，它反映了部分占总体的占比；最后，一图胜千言。有“地域性”或“区域性”特征的产品用地图大屏，尤其是可以做成动态或热力图，会起到一图胜千言的效果。如果你也想拥有一块自己的数据大屏，可以点击以下链接，用京东智联云数据大屏轻松实现数据可视化：如果想在数据大屏的基础上以最新的视觉体验和可视化形态为观者传递信息，也可以通过以下设计揭秘来了解更多大屏可视化技巧：
京东科技开发者
2020-12-16
639480浏览
