数据小白秒变灵魂画手

双十一剁手节立刻就要到了,还在作数据可视化界面的你是否是也想剁手。抱怨数据图标搭建太难的你,没接触过数据可视化应用也想拥有完美的可视化界面的你,赶忙抓紧这根救命稻草!前端

DataV重磅发布的可视化神器 ——“马良”ide

概念:“马良”是DataV内嵌的智能识别设计产品,可以迅速学习和识别手绘草图、信息图表、大屏截图等资料,并在DataV内自动生成可配置的可视化应用。也就是说,马良的出现,能将过去数据可视化应用搭建过程当中痛苦的前端还原图表设计稿的过程压缩为秒级!布局

先给你们看一眼马良的三好学生奖状学习

数据小白秒变灵魂画手

“妈耶,这也太厉害了”不顾形象地发出了土拨鼠尖叫字体

究竟是哪些技术让马良得到了奖状优化

图表识别

经过DataV的数据训练了能够识别图表位置及类型的物体识别模型,这也是物体识别模型首次应用于数据图表领域。同时,马良不单单可以识别图表的类型及位置,还能够将可视化界面的颜色进行提取。还使用Grid Design这样的设计规范,来避免由识别致使的布局偏差。设计

数据小白秒变灵魂画手

颜色识别

马良将从原始图片中提取颜色并在优化后加以应用。根据WCAG对比度标准计算出使得和背景色对比度达到7:1的文本颜色。接着对提取到的颜色进行过滤,去除背景色类似色和文本色类似色,而后对剩余的颜色进行聚类获得主色。最后使用色板生成方案生成色板并应用于大屏中。3d

文字及字体识别

马良能够支持对文字及字体的识别,同时将识别到的文字及字体还原到生成可视化中。在字体识别中,咱们使用了ResNet-18 做为识别的模型。从而实现了可以识别案例可视化中的字体,例如包括衬线体及无衬线体等。同时使用了OCR等传统方案对文字进行了识别。blog

马良生成 DataV 大屏的过程接口

第一步 将马良识别获得的图表类型映射为 DataV 中的组件类型,同时结合图表的位置,使用默认的图表样式配置和数据配置,生成一份“JSON”格式的大屏的基本配置。
第二步 将马良识别获得色彩信息做为大屏的主题配色,修改大屏相关色彩配置(如背景颜色和文字颜色),并遍历大屏中的每一个组件,应用当前的主题配色。
第三步 根据识别获得的文字信息,修改文字类组件的字体、字号等样式配置,并使用识别获得的文字内容,做为文字组件的数据。
第四步 咱们经过 DataV 提供的大屏生成接口,将最终的大屏配置导入到DataV 产品中生成为可交互的可视化大屏,用户能够在此基础上继续优化,完成最终的数据可视化

为了凸显一下马良有多优秀,我决定给你们看一下流程对比

数据小白秒变灵魂画手

与传统流程相比,马良极大减小了传统的设计流程,新的流程支持经过图片进行原型设计及前端还原,而且也支持后续的设计微调。


最后,咱们一块儿来看一下马良具体是怎么使用的
状况一:当你已经在纸上画好手绘草图,却想立刻看到可视化的大屏时,能够静静等待马良自动识别。

数据小白秒变灵魂画手

如此简单抽象的图秒变图表的瞬间,有没有“哇”的一声哭出来!!!

状况二:当你有奇思妙想,连图都懒得画时,能够找一些平面设计做品、截图、设计稿做为参考,并上传至马良,接着静静等待马良自动识别。

数据小白秒变灵魂画手

图片能够准确识别出来,简直是解放了设计大大的双手!

有没有很想试一试,心动不如行动!赶忙来DataV变身“马良”吧!
数据小白秒变灵魂画手

该功能已在企业版和专业版中上线,体验点击连接哦!

连接:https://data.aliyun.com/visual/datav

相关文章
相关标签/搜索