前端图表类可视化插件

人，都是视觉动物，好看我就用，太low就pass，因此前端的图表类组件就有了他不可忽视的地位~ 在 JS 程序中，为了实现漂亮的图形、图表和数据可视化，我们选择使用开源库。生活在数据爆炸的时代，我们开发的每一个应用程序几乎都使用或者借助数据来提升用户体验。为了帮助你轻松地为你最喜欢的应用程序添加漂亮的数据可视化

本人推荐Echarts - 简单有Demo

原因：

1、可以进行本地构建Demo & API，这解决了好多内网使用者；

2、使用起来Soeasy

star 数：30K

百度的 Echarts 项目是一个基于浏览器的交互式图表和可视化库。它是用纯 JavaScript 编写的，基于 zrender 画布。它支持以画布、SVG(4.0+) 和 VML 的形式绘制图表。除了 PC 和移动浏览器外，ECharts 还可以与 node 上的 node-canvas 一起使用，以便进行高效的服务器端渲染（SSR）。

这里是完整的示例库：

http://echarts.baidu.com/echarts2/doc/example.html

项目地址：

https://github.com/apache/incubator-echarts

下面就看一下今年最火的几款js图标库

1. D3js

star 数：80K

例子：https://github.com/d3/d3/wiki/Gallery

项目地址：https://github.com/d3/d3/

2. ChartJS

star 数：40K

项目地址：https://cdnjs.com/libraries/Chart.js

3. ThreeJS

star 数：45K

项目地址：https://github.com/mrdoob/three.js/

4.Highcharts（3种，图表-股票图-地图）

star 数：8K

项目地址：

https://github.com/highcharts/highcharts

5. Metric-Graphics

star 数：7K

示例库：https://metricsgraphicsjs.org/examples.htm

项目地址：https://github.com/metricsgraphics/metrics-graphics

6. Recharts

项目地址：https://github.com/recharts/recharts

7.Raphael

star 数：10K

项目地址：https://github.com/DmitryBaranovskiy/raphael

8.C3js

star 数：8K

看看这些例子：https://c3js.org/examples.html

项目地址：https://github.com/c3js/c3

9. React Vis

star 数：4K

项目地址：https://github.com/uber/react-vis

10.React Virtualized

star 数：12K

项目地址：https://github.com/bvaughn/react-virtualized

11.Victory

star 数：6K+

项目地址：https://github.com/FormidableLabs/victory

12. CartoDB

star 数：2K

项目地址：https://github.com/CartoDB/cartodb

13.Raw graphs

star 数：5K

例子：https://rawgraphs.io/gallery/

项目地址：https://github.com/densitydesign/raw

14. Metabase

star 数：11K+

项目地址：https://github.com/metabase/metabase

15. tauCharts

star 数：2K

项目地址：https://github.com/TargetProcess/tauCharts

总结：在我看来，没有最好的，只有最适合的，简单使用即可

前端图表类可视化插件相关推荐

vue移动端用什么数据可视化插件_前端必看的数据可视化入门指南
作者:董晓庆蚂蚁金服体验技术部这是一篇给大家提供数据可视化开发的入门指南,介绍了可视化要解决的问题和可以直接使用的工具,我将从下面几个方面给大家介绍,同时以阿里/蚂蚁的可视化团队和资源举例说明: ...
数据可视化：部分整体类可视化图表大全
图表是处理数据的重要组成部分,因为它们是一种将大量数据压缩为易于理解的格式的方法.数据可视化可以让受众快速Get到重点. 数据可视化的图表类型极其丰富多样,而且每种都有不同的用例,通常,创建数据可视化 ...
vue移动端用什么数据可视化插件_vue-cli+v-charts实现移动端可视化图表
v-charts是饿了么团队开源的一款基于Vue和Echarts的图表工具,在使用 echarts 生成图表时,经常需要做繁琐的数据类型转化.修改复杂的配置项,v-charts 的出现正是为了解决这个 ...
前端图表插件echart、amchart、g6
前端图表插件 1.echart https://echarts.apache.org/examples/zh/index.html 2.amchart https://www.amcharts.com ...
数据可视化：趋势类可视化图表大全
图表是处理数据的重要组成部分,因为它们是一种将大量数据压缩为易于理解的格式的方法.数据可视化可以让受众快速Get到重点. 数据可视化的图表类型极其丰富多样,而且每种都有不同的用例,通常,创建数据可视化 ...
【前端大屏可视化项目适配方案】
引自 https://juejin.cn/post/7009081081760579591#heading-27 感谢!!! 前端大屏可视化项目适配方案 1. 全局适配 1.1 css scale 适 ...
Vue 之 echarts 图表数据可视化的基础使用（简单绘制各种图表、地图）
Vue 之 echarts 图表数据可视化的基础使用(简单绘制各种图表.地图) 目录 Vue 之 echarts 图表数据可视化的基础使用(简单绘制各种图表.地图) 一.简单介绍二.环境搭建三.使 ...
Vue 之 echarts 图表数据可视化常用的一些图表/动态图表/3D图表的简单整理
Vue 之 echarts 图表数据可视化常用的一些图表/动态图表/3D图表的简单整理目录 Vue 之 echarts 图表数据可视化常用的一些图表/动态图表/3D图表的简单整理一.简单介绍二. ...
什么是ECharts？前端图表框架echarts详解
在web开发项目过程中,经常会有需要绘制图标的情况,简单的图表可以用canvas来绘制,但是遇到复杂的图标canvas无法满足其功能,遇到这种情况怎么办呢?别着急,今天为大家推荐一款前端大佬都备受青睐 ...

前端图表类可视化插件

前端图表类可视化插件相关推荐

最新文章

热门文章