echarts 大屏可视化_数据可视化设计神器

https://blog.csdn.net/weixin_39974882/article/details/111220081?utm_medium=distribute.pc_relevant.none-task-blog-baidujs_title-6&spm=1001.2101.3001.4242

大厂的可视化服务

  1. 百度 Suger

网站链接:https://cloud.baidu.com/product/sugar.html

Sugar 是百度云推出的数据可视化服务平台,目标是解决报表和大屏的数据可视化问题,解放数据可视化系统的开发人力。

  1. 阿里云DataV

网站链接:https://data.aliyun.com/visual/datav?spm=a2c4g.11174283.2.1.46b66b79vzB03d

DataV 最著名的一个应用项目应该就是天猫双11的数据大屏了。每一年都惊艳了无数聚焦于双11活动的人们。2018 年的双11数据大屏设计更是被称为数据经济时代的全球清明上河图。

  1. 腾讯RayData

网站链接:https://cloud.tencent.com/product/raydata

腾讯云大数据实时可视交互系统 [RayData],基于数据实时渲染技术,利用各种技术从大规模数据通过本系统,实现云数据实时图形可视化、场景化以及实时交互,让使用者更加方便地进行数据的个性化管理与使用。

技术开源库
了解一些技术开源库,一方面可以参照其图表案例,了解各类不同图表的展示方式;另一方面是为了保证自己设计的可实现度,不然再炫酷的设计效果如果因为技术开发能力无法实现也是徒劳的。

  1. Echarts -百度开源可视化库

网站链接:https://echarts.baidu.com/

这是一个使用 JavaScript 实现的开源可视化库,可以流畅地运行在 PC 和移动设备上,兼容当前绝大部分浏览器。4.0 版本还提供了对微信小程序的适配。DataV 中的一些组件也是依赖 Echarts 生成的。

  1. Mapv – 百度地理信息可视化开源库

网站链接:https://mapv.baidu.com/

用以展示大量地理信息点、线、面的数据。创建需先上传地理信息数据,再设置地图样式后,即可下载保存。

  1. 蚂蚁AntV

网站链接:https://antv.alipay.com/zh-cn/index.html

蚂蚁金服的 Ant Design,作为设计师应该都是较为熟悉的。AntV 是蚂蚁 Ant 系列下的一个数据可视化解决方案。分为 G2、G6、F2、L7 不同产品,分别对应不同的特性需求。

  1. D3.js – 数据驱动的文档

网站链接:https://d3js.org/

D3js 是一个基于数据来操作文档的 JavaScript 库,适宜用来建造各类可视化图表。支持大型数据集和交互与动画的动态行为。

  1. billboard.js – 简易界面的可交互图表库

网站链接:https://naver.github.io/billboard.js/

这是一个基于 D3 V4+ 的 JavaScript 的图表库。可以对数据进行视图缩放、展示细节等交互操作。

  1. FusionCharts

网站链接:https://www.fusioncharts.com/

FusionCharts 提供了 100 多个交互式图表和 2000 多个数据驱动的地图,对不同平台都可兼容。同时提供了前端和后端各类框架及代码语言的插件,来方便开发快速入门。不过这款是收费的,根据不同的使用环境定价不同。

设计辅助工具

  1. Kitchen – 蚂蚁金服官方插件

网站链接:http://kitchen.alipay.com/

这是一个 sketch 的插件工具。主要功能如下图:

  1. FusionCool – 阿里Fusion Design开源中后台UI解决方案辅助工具

网站链接:https://fusion.design/tool

这也是一个 sketch 的插件工具。分为图标、图表、组件、模块和模板五大功能区。

  1. Map Generator – 快速地图生成填充

网站链接:https://github.com/eddiesigner/sketch-map-generator

这是一款基于谷歌地图的自动填充的 Sketch 插件,输入地址后就可以自动生成不同风格样式的地图,个人比较喜欢第三款灰色的。

  1. Chart – 图表插件

网站链接:https://github.com/pavelkuligin/chart

这个插件是收费的,每年10美元。优势在于可以在 Sketch 中创建包含随机、表格或者 JSON 数据的图表。图表样式也是非常丰富了。

原文地址:https://www.cnblogs.com/ellafive/p/14177136.html