当前位置: 首页 > 科技观察

这两个工具可以帮你实现炫酷的数据可视化

时间:2023-03-21 16:21:43 科技观察

你想到的数据可视化可能通常是这样的:但是我们能实现的数据可视化不只是上面的,还有这样的::还有这个:怎么会这样高端炫酷的数据可视化实现了吗?秘诀就在两个工具——inMap&iView(都是开源项目,可以下载代码使用,完全免费!)inMapinMap是TalkingData可视化团队开源的一个基于Canvas的大数据可视化库,专注于大数据数据。以点、热图、网格、聚合等方式展示,致力于让大数据可视化简单易用。它具有以下特点:高性能多线程多层叠加友好的AP可自定义主题inMap采用了更加智能的地理可视化框架,主要面向从事数据可视化应用的工程师和设计师。底层绘图引擎:目前提供基于canvas2d的基础绘图能力,基于WebGL的版本正在规划中;算法:内置经纬度墨卡托转换、文本规避算法、最大标记点算法、自动分组标记配色算法等。inMap中的每一个算法都是为了提升用户体验,追求最好的结果,创造伟大的产品.inMap的界面设计非常友好,希望开发者可以通过简单的配置快速构建出漂亮的可视化效果。官网:http://inmap.talkingdata.comGitHub:https://github.com/TalkingData/inmapiViewiView是TalkingData可视化团队开源的一个基于Vue.js的UI组件库,主要服务于TalkingData的中后台产品电脑界面。它具有以下特点:优质、功能丰富且友好的API,自由灵活的使用空间,细致美观的UI,适合任何技术水平的开发者,详尽的文档,可定制的主题,iView也是一套完整的前端端解决方案,包括设计规范、多语言(目前iView支持15种语言)、自定义主题和服务端渲染。iView支持Vue.js2.x、Vue.js1.x、服务端渲染、Nuxt.js、Electron等,目前iView在GitHub上的star数超过13000。从星数、口碑、功能、UI/UE,iView在全球同类产品中排名Top3。官网:https://www.iviewui.comGitHub:https://github.com/iView/iViewiView新版本发布近两个月,iView先后发布了2.9.0和2.10.0两个重要版本。这两个版本总共有255次提交和超过40次更新。我们来看看iView的具体更新:1、日期组件DatePicker的重构首先是2.10.0中日期组件DatePicker的重构。DatePicker是iView的48个组件中最复杂的组件之一。复杂的功能使得代码逻辑非常繁重。在对很多新特性的支持上,比如兼容不同国家的日历规范,很难在此基础上进行迭代,不得不重新发明。SergioCrisostomo之前开发过一个日期相关的JS库(https://github.com/SergioCrisostomo/js-calendar),因此对日期相关的函数和API非常熟悉,iView也是基于这个库重构的。新增的日期组件主要增加了以下功能:1、范围选择支持从右到左选择。以前选择范围时,要先选择起点,再选择终点,即从左到右选择,但很多用户却有相反的习惯。该版本支持同时选择两个方向。2.新增split-panels属性,启用后,左右面板可以取消关联。之前选择范围时,左右面板是联动的,即右边总是比??左边大一个月,任意一个面板切换月份或年份,另一个面板会自动切换。这个版本可以设置为不关联,方便定位起始月份和结束月份。如图:3.添加multiple属性。打开后可以选择多个日期。虽然之前的版本可以使用其他iView组件来组合一个多选日期,但是效果和交互上会有所打折扣。在这个版本中,只要添加属性multiple,就可以在一个日期面板上同时选择多个日期。如图:4、新增属性show-week-numbers,打开后可以显示周数。通过添加此属性,您可以在日历面板上显示一年中的当前周。如图:还有很多其他的更新,比如新增了start-date属性,可以设置面板展开时显示的默认日期。当类型为datetime和datetimerange时,新属性time-picker-options可用于配置TimePicker属性,例如时间间隔步长。完整的更新可以在更新日志中看到,这里就不一一列举了。2.Keyboardaccessibility支持键盘辅助功能,主要是通过键盘的方向键、tab键、空格键等来完成表单组件的切换和交互。在填写表单(iViewForm组件)时特别有用,鼠标不离开就可以完成复杂表单的填写和提交。目前,iView最新版本支持键盘辅助组件:Button、Input、Radio、Checkbox、Switch、AutoComplete、Slider、InputNumber。仍在支持更多组件。事实上,浏览器支持原生表单控件的键盘辅助功能,例如