数据可视化：一场设计狮与程序猿的相爱相杀 | 数据侠实验室15期

可视化震撼视觉的背后，是设计师与程序员思想的结晶，也是数据和信息多样化的视觉传达。那么，这一张张炫酷图表是如何实现价值创造呢？本期数据侠实验室，由各路大神为你开车，一起探索数据可视化设计之美背后的商业价值与未来。

自打入伏以来，魔都就独得太阳恩宠，日日发布高温橙色预警。然而令DT君惊喜的是，即使是38度的周六，还是在数据侠实验室的上海活动现场见到了一百多名真爱粉。

（图片说明：活动现场）

前不久，DT君的设计师小哥哥曾经和大家分享过“如何将数据化繁为美”，为我们展现了可视化之美，而在美学之上，我们如何运用这门技能进行更多价值创造，打通数据可视化到达用户的“最后1公里”呢？

在7月15日数据侠实验室15期活动现场，几位在数据可视化各个环节扮演不同角色的嘉宾为我们分享了他们的一些思路及成果。

▍当游戏常用的渲染技术应用到可视化中

（图片说明：嘉宾沈毅，百度ECharts团队核心开发者）

ECharts团队核心开发者沈毅为我们分享了ECharts GL如何在数据可视化中探索高品质的渲染。

（图片说明：《古墓丽影》主人公劳拉的形象变化）

如果你爱玩游戏的话，一定会察觉到游戏角色和场景的“进化”。沈毅告诉我们，动作冒险游戏《古墓丽影》在20年间角色模型和场景的不断精细化，体现的不仅仅是机器性能的提升，也是渲染技术不断成熟。

那么当游戏中应用广泛的技术运用到数据可视化之中会发生什么呢？

（图片说明：运用渲染技术制作的世界地图的阴影效果）

Echarts GL就采用了光影、材质和后期这三种主要的渲染技术来对场景进行可视化。例如基于音频波形数据进行动态的音乐可视化，运用地图数据和渲染技术呈现的开普敦出租车线路图等。

▍兰州牛肉面供应链也能可视化？

（图片说明：嘉宾郑新林，阿里云开发专家，DataV核心开发者）

DataV核心开发者郑新林则为我们展示了一些基于DataV平台搭建的数据可视化的应用场景：第一财经的全国房价数据、游戏业务的实时监控和交通路况可视化等。

（图片说明：Data V兰州牛肉面生态数据平台）

其中让DT君印象最深刻的莫过于兰州牛肉面生态数据平台。这个可视化平台可以实时展示各地原材料消耗情况和交易状况等，据此对原料的供应和配送进行分析和调整。

DataV提供了指挥中心、地理分析、实时监控等多种场景模板、多种图表库和数据源支持，让非专业人员也可以通过简单修改对想要呈现的数据和信息进行多样化的视觉传达。

▍如何创造一个兼具实用性和美观性的可视化工具？

（图片说明：嘉宾周宁奕，众安保险数据科学前端团队负责人）

相信大家都还记得，数据侠周宁奕曾经用数据可视化寻找上海最适合租房的地方、揪出把共享单车藏进小区的人，让我们惊叹于他的创造力和行动力。

周宁奕在现场为我们分享了一个功能齐全、方便快捷但尚在内测中（还未对外开放，划重点！！！）的可视化工具Zatlas，改变了以往数据、设计、前端和后端等各环节割裂的工作流。

（图片说明：可视化工具Zatlas）

所有人都可以在这个平台DIY包含多种组件（文字、图片和图表等）的项目，同一工作流的不同人员可以对这一项目进行协同操作。

▍如何运用可视化在8秒时间内抓住用户？

（图片说明：嘉宾赵亮，DT财经&CBNData视觉创意总监）

人类的注意广度已经降到8秒，而金鱼的注意广度都有9秒。如何在8秒时间内吸引用户眼球呢？

DT君的设计师小哥哥小姐姐的Leader、第一财经商业数据中心（CBNData）的视觉创意总监赵亮（现场观众惊呼：嘉宾好帅！）为我们分享了不同于传统营销方式的创新营销商业模式：DIMC。

（图片说明：创新营销商业模式，DIMC）

（图片说明：H5 场景实现报告可视化）

亮哥告诉我们：除了标准数据报告，可以将数据报告进行可视化呈现。在DT财经和CBNData的“营销内容+可视化”实践中， 产生了例如一镜到底场景化、3D场景、H5形式微报告以及系列数据海报及周边、漫画场景微报告等多种形式的可视化报告。

▍圆桌对话和Q&A环节

在阿里云产品专家崔岸雍主持的圆桌对话环节，在数据可视化过程中扮演不同角色的嘉宾碰撞出很多火花，现场观众和直播粉丝也提出了一些大家关注的问题。

（图片说明：圆桌对话）

1. ECharts目前作为一个免费开源产品，是否考虑基于用户需求做收费产品？

沈毅：ECharts的初衷是让尽可能多的人有机会使用这个工具创造令自己满意的可视化作品，另外，我们也已经开发了类似DataV这样的产品，比如图说。

2. 在使用工具进行可视化的过程中，设计师和开发工程师如何磨合？

周宁奕：我个人在从设计师跨越到码农的阶段，发现两者有本质的差异。设计师，包括新闻工作者、建筑设计师，都在不断推翻过去的自己，而互联网公司的设计，更多的是在复制自己。企业内部的设计规范也可以通过复制和创新做得很精妙，除了样式，在媒介上也可以有很多创新点。

（图片说明：观众提问环节）

3. 想从事数据新闻和可视化的学生，应该具备哪些素养？

赵亮：对于学生来说，在数据新闻和可视化领域，应该明确今后的发展方向，明确自己作为记者、编辑、设计师或工程师的角色，此外还需要结合具体的业务场景，并深入探索该领域。

崔岸雍：从我自己的成长过程（从新闻传播专业到前沿技术探索）来说，最基础的是用数字讲一个完整的故事或报告，了解叙事方法和思路，这也是最重要的；第二是多进行一些新的尝试，不要认为编程一件很难的事情；第三，写代码和使用软件并不能包打天下，在团队中分工协作很重要，学会在自己的位置上发挥作用、成为多方角色的润滑剂才能成为核心人物。

4. 数据可视化，除了在视觉上和理解上提供更优质的效果，它发展到最后，核心目的是什么？

崔岸雍：用手绘来进行可视化，是人人都能做到的。而可视化工程师的工作，也在不断优化可视化工具，降低门槛。可视化最直接的作用就是将海量数据进行处理和呈现，而可视化算法、人工智能必须和人的智能相结合。可视化的作用就像《七龙珠》中的战斗力探测器一样。

DT君说：崔岸雍老师认为，技术不是可怕的，也不是万能的。DT君也觉得，可视化当然不只是炫技，除了运用技术和工具，还要将提炼的数据进行最恰当的呈现，才能最大化地发挥数据和工具的价值。

看完了DT君从现场发回的报道还觉得意犹未尽？如果你想知道更多数据与设计的结合的营销案例，进一步了解渲染技术如何让数据可视化更炫酷，又或是探索更多数据可视化大屏的产品运行机制