NVIDIA 初创加速计划,免费加速您的创业启动 了解详情
写点什么

那个“炫酷狂拽”的数据可视化利器 AntV 11.22 版全新发布

  • 2019-11-26
  • 本文字数:1369 字

    阅读完需:约 4 分钟

那个“炫酷狂拽”的数据可视化利器AntV 11.22版全新发布

随着多媒体技术的发展,数据可视化呈现越来越丰富的多维度表达,尤其三维技术的成熟,给了可视化更多的想象空间,呈现出百花齐放的地理可视化景象,各类模拟城市应用则是在地理可视化领域的强劲运用,在惊叹空间维度下呈现的数据可视化之美的同时,基于 Ant Design 的价值观下,我们也期望 L7 地图可视化时刻呈现数据可视化的系统性与合理性。


「知源,致远」不忘初心,方致千里,L7 从「心」出发,知设计体系之源,致地图可视化设计之远。下面揭秘 L7 这次探寻之旅中的 4 大「发现」。

开箱即用的「地图类型」

本着易用、提效原则,在灵活可扩展的架构支持与体系化的图形映射指南下,点、线、面 3 大数据类型即衍生出 18+ 种开箱即用的地图类型:如表达点状数据的散点、符号、气泡、聚合、3D 柱状地图等;表达线状数据的路径、关系、3D 弧线地图;表达面状地图的连续填充图、分类填充图,以及各式各样的热力地图,针对高频需求做到开箱即用。



更有与图表结合的复合地图,复合图表地图中常用扩展图形还有柱状图、曲线图、玫瑰图等,完美无缝融合 G2 图表,给予更多可能,场景化设计,真正让你的数据栩栩如生。


随心所欲的「主题模式」

随着苹果、谷歌设计开启深色模式,为了良好的适配效果,众大产品纷纷加入深色模式的视觉探索中,紧跟体验 & 设计趋势,L7 推出深色版地图外,配套产出对应的可视化映射变换规则,实现一键切换深浅彩版地图可视化主题。


除通用的深浅界面适配外,为满足用户不同场景下的使用需求,默认预置了通用彩版地图地图,并且支持多平台地图,如高德地图和 Mapbox ,满足国内、国外不同场景的可视化需求。


专业体系的「设计指南」

图形符号学是信息可视化理论的奠基之作,由法国制图师雅克•贝尔坦(Jacques Bertin)通过对 1000 多种地图和图表的形式对图形技术进行了深入研究实践总结的信息可视化理论体系。阐述了如何利用图形、图表、符号等工具对文字、数据和图像等信息进行总结、处理、优化、关联和辅助记忆,从设计和应用角度展现了图形和符号在不同情况下的最佳信息表达方式。


基于「图形符号学」,结合现代多媒体新方式,启发了色彩、形状、尺寸、3D、纹理、方向、交互、动效、声效 9 大映射通道,体系化的探寻地理可视化的种种可能。


炫彩通用的「地图色板」

基于 Ant Design 「确定性」「意义感」「增长性」「自然」的价值观,遵循 AntV 「准确」「清晰」「有效」「美」延展出适应深浅版地图的炫彩通用色板。基于 AntV 体系的基础分类色板配图,L7 延展出离散色板、连续色板、单色连续色板、邻近连续色板。




除此外,色彩在地图可视化中的使用,不仅是数据信息传递的可视化通道,同时也是更深一层的文化故事的载体,用色便不容含糊,基于色彩心理学, L7 扩展了常见场景的语义色板。色彩心理学中,选择与表达对象本身相似的颜色或能让人产生正确联想的象征色,红、黄、橙等波长较长色彩让人联想到火焰、太阳,使人产生温暖对感觉,称为暖色,故常用作人群密度大,频率高、信息较活跃部分的表达。



重视用色习惯,遵循相关标准,色彩也不是都能寓意的,相当一部分地图色彩选择和感情因素无关,而是按照某种习惯来设定色彩,即所谓约定俗成,有的甚至形成来规范。如气象预警配色,红绿灯配色,股市的红涨绿跌等等。



本文转载自公众号蚂蚁金服科技(ID:Ant-Techfin)。


原文链接:


https://mp.weixin.qq.com/s/_Eov2sh7dJmJRcntET-y3Q


公众号推荐:

跳进 AI 的奇妙世界,一起探索未来工作的新风貌!想要深入了解 AI 如何成为产业创新的新引擎?好奇哪些城市正成为 AI 人才的新磁场?《中国生成式 AI 开发者洞察 2024》由 InfoQ 研究中心精心打造,为你深度解锁生成式 AI 领域的最新开发者动态。无论你是资深研发者,还是对生成式 AI 充满好奇的新手,这份报告都是你不可错过的知识宝典。欢迎大家扫码关注「AI前线」公众号,回复「开发者洞察」领取。

2019-11-26 11:291815

评论

发布
暂无评论
发现更多内容

react源码解析6.legacy模式和concurrent模式

buchila11

React React Hooks

2022北京智博会AIOTE 2022第十五届北京国际AI人工智能产品展览会

InfoQ_caf7dbb9aa8a

前端开发中需要掌握的开发框架React

@零度

大前端 React

开发好能重构的代码,都是这么干的

华为云开发者联盟

接口 重构 代码 并发 注释

dart系列之:数学什么的就是小意思,看我dart如何玩转它

程序那些事

flutter dart 程序那些事 11月日更

taosAdapter正式发布:支持从OpenTSDB向TDengine无缝迁移

TDengine

tdengine 后端 时序数据库

智慧城市主题展2022第十五届北京国际智慧城市展览会

InfoQ_caf7dbb9aa8a

大数据开发hadoop入门基础之sqoop

@零度

大数据 hadoop sqoop

技术分享| Sip与WebRTC互通-SRProxy开源库讲解

anyRTC开发者

音视频 WebRTC SIP 视频会议 SRProxy

2022北京智博会AIOTE 第十五届(北京)国际智慧城市、物联网、大数据博览会

InfoQ_caf7dbb9aa8a

大厂算法面试之leetcode精讲12.堆

全栈潇晨

算法 LeetCode

基于TDengine进行睿信物联网平台的迁移改造

TDengine

tdengine 时序数据库

详解预训练模型在信息检索第一阶段的应用

百度Geek说

后端 预训练 信息检索

Nocalhost 为 KubeSphere 提供更强大的云原生开发环境

CODING DevOps

Kubernetes DevOps 云原生 集群 Nocalhost

大厂算法面试之leetcode精讲11剪枝&回溯

全栈潇晨

LeetCode 算法面试

恒源云(GPUSHARE)_云GPU服务器如何登陆Windows实例?

恒源云

人工智能 深度学习 算力

2022第十五届北京国际大数据产业博览会

InfoQ_caf7dbb9aa8a

2022第十五届北京国际AI人工智能产品展览会

InfoQ_caf7dbb9aa8a

建立合格的跨职能团队,你需要知道这些!

禅道项目管理

团队 合作共赢

Vue 中 $attrs 与 $listeners 的详解

编程江湖

Vue 大前端

文本分类:Keras+RNN vs 传统机器学习

华为云开发者联盟

机器学习 深度学习 keras RNN 文本分类

Linux一学就会之Vim编辑器的使用和Xmanager工具的使用。

学神来啦

vim Linux centos 运维 ext4

react源码解析5.jsx&核心api

buchila11

React React Hooks

混合云管理软件用哪个品牌好?咨询电话多少?

行云管家

Java开发之ssm三大框架的整合

@零度

Java ssm

2022北京智博会AIOTE 2022第十五届北京国际人工智能产品展览会

InfoQ_caf7dbb9aa8a

2022北京智博会AIOTE 第十五届(北京)国际智慧城市、物联网、大数据博览会

InfoQ_caf7dbb9aa8a

Linux学习指南《Linux一学就会》带你玩转Linux

侠盗安全

Linux linux运维 运维工程师 云计算架构师

数据分析从零开始实战,Python、Pandas与各类数据库

老表

Python 数据库 数据分析 pandas 11月日更

2022第十五届北京国际智慧工地展览会

InfoQ_caf7dbb9aa8a

Rust 元宇宙 8—— 脚本

Miracle

rust 脚本 元宇宙

那个“炫酷狂拽”的数据可视化利器AntV 11.22版全新发布_文化 & 方法_Geek_cb7643_InfoQ精选文章