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