玩转可视化图表篇,推荐 10 个你最应该知道的可视化图表项目,YYDS !

a82315a7ef1898478a967c8413bc8fbe.png

大家好,我是你们的 猫哥,那个不喜欢吃鱼、又不喜欢喵 的超级猫 ~

今天继续推荐前端必备项目!

平时如何发现好的开源项目,可以看看这篇文章:GitHub 上能挖矿的神仙技巧 - 如何发现优秀开源项目

23c009caf6c3c68619de14b82dcd5884.png

1. three.js

dfb743f792aaf8981d3762d315ff6359.png

JavaScript 3D Library.

这个项目,做为前端开发都应该知道的哈!

该项目的目的是创建一个易于使用、轻量级、跨浏览器的通用 3D 库。当前的构建仅包含 WebGL 渲染器,但示例中也提供了 WebGPU(实验性)、SVG 和 CSS3D 渲染器。

https://github.com/mrdoob/three.js

2. Chart.js

6a40332ad28456138ce268e5ac86672f.png

为设计人员和开发人员提供简单而灵活的 JavaScript 图表

https://github.com/chartjs/Chart.js

3. echarts

578c37f8087314cdcd1bfd3903016f40.png

Apache ECharts 是一个功能强大的交互式图表和数据可视化库,适用于浏览器

f45711b203cb70eb0a88fab6cd62b869.png

https://github.com/apache/echarts

4. recharts

0904612db83f339cea0c96aec2cee3da.png

Recharts 是一个用 React 和 D3 构建的重新定义的图表库。这个库能帮助你在 React 应用中轻易绘制图表,Recharts 的主要特点:

  • 简单地使用 React 组件进行部署

  • 支持原生 SVG,轻量级应用一些 D3 子模块

https://github.com/recharts/recharts

5. vue-echarts

94c49abc52de78b857f7aaa0cbce5650.png

Apache ECharts 的 Vue.js 组件。

https://github.com/ecomfe/vue-echarts

6. chartist-js

513c7f0608985fd06bcd90385fa01738.png

Chartist.js 是一个非常简单而且实用的 JavaScript 前端图表生成器,它支持 SVG 格式,图表数据转换十分灵活,同时也支持多种图表展现形式,不失为一款前端开发者的开发利器。

https://github.com/gionkunz/chartist-js

7. apexcharts.js

a8ee75b706604b09922cbe414e49a8e6.png

ApexCharts.JS 是一个现代化 JavaScript 图表库,用于使用简单的 API 构建交互式图表和可视化

https://github.com/apexcharts/apexcharts.js

8. G2

c0499413c52be17b8d79013515d0e4d5.png

G2 是一套基于图形语法理论的可视化底层引擎,以数据驱动,提供图形语法与交互语法,具有高度的易用性和扩展性。使用 G2,你可以无需关注图表各种繁琐的实现细节,一条语句即可使用 Canvas 或 SVG 构建出各种各样的可交互的统计图表。

https://github.com/antvis/G2

9. highcharts

7b35d939190b6d863e2e47252724a225.png

让数据可视化更简单 兼容 IE6+、完美支持移动端、图表类型丰富、方便快捷的 HTML5 交互性图表库

7870d438046d2cd52aa415e55533d0ef.png

https://github.com/highcharts/highcharts

10. nivo

9ac9a70ba5c2f120744ef988c509d585.png

nivo提供增压的 React 组件来轻松构建 dataviz 应用程序,它建立在 d3 之上。

已经存在几个用于 React d3 集成的库,但只有少数提供了服务器端渲染能力和完全声明性的图表。

https://github.com/plouc/nivo

最后

平时如何发现好的开源项目,可以看看这篇文章:GitHub 上能挖矿的神仙技巧 - 如何发现优秀开源项目

更多精彩项目,请看下方宝藏仓库,请慎入!

https://github.com/FrontEndGitHub/FrontEndGitHub

不知不觉,原创文章已经写到第 73 期了呢,几乎每一篇都是猫哥精心挑选的优质开源项目,推送的每一篇文章里面的项目几乎都是对前端开发很有帮助的。

原创不易,一篇优质的文章都是要肝几个晚上才能肝出来的,花费很多时间、精力去筛选和写推荐理由,大佬们看完文章后顺手点个赞或者转发吧,就当给猫哥一点鼓励吧。

往期精文

关注公众号:前端GitHub,回复 电子书 即可以获得下面 1000 本技术精华书籍哦,猫哥微信号:CB834301747

f3cad31f0755e01676eefeb0bc5cc2b0.png72f69611f4832bb35f3fb421821d3220.png

如果不想错过精彩内容,请多给本公众号点赞哦,这样就会先收到内容推荐的。

e8398d89daab50e711a56d3b4c884c32.png

版权声明:本文为m0_49394096原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。