玩转可视化图表篇,推荐 10 个你最应该知道的可视化图表项目,YYDS !
Posted 前端GitHub
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了玩转可视化图表篇,推荐 10 个你最应该知道的可视化图表项目,YYDS !相关的知识,希望对你有一定的参考价值。
大家好,我是你们的 猫哥,那个不喜欢吃鱼、又不喜欢喵 的超级猫 ~
今天继续推荐前端必备项目!
平时如何发现好的开源项目,可以看看这篇文章:GitHub 上能挖矿的神仙技巧 - 如何发现优秀开源项目
![](https://image.cha138.com/20220601/fbaddfc6283f40e092fde0a341338cf9.jpg)
1. three.js
![](https://image.cha138.com/20220601/4cb3b6a500f24d909a2d0d6f8116326c.jpg)
javascript 3D Library.
这个项目,做为前端开发都应该知道的哈!
该项目的目的是创建一个易于使用、轻量级、跨浏览器的通用 3D 库。当前的构建仅包含 WebGL 渲染器,但示例中也提供了 WebGPU(实验性)、SVG 和 CSS3D 渲染器。
https://github.com/mrdoob/three.js
2. Chart.js
![](https://image.cha138.com/20220601/38b1df67bfcd4674a3c3c395c1c768f3.jpg)
为设计人员和开发人员提供简单而灵活的 JavaScript 图表
https://github.com/chartjs/Chart.js
3. echarts
![](https://image.cha138.com/20220601/fbd466aa2b1f428db15444f20d9d56ce.jpg)
Apache ECharts 是一个功能强大的交互式图表和数据可视化库,适用于浏览器
![](https://image.cha138.com/20220601/a781738771664906a09a7bf1c464dba5.jpg)
https://github.com/apache/echarts
4. recharts
![](https://image.cha138.com/20220601/c8bfb3bbebe0448496dbcba96ee2faaa.jpg)
Recharts 是一个用 React 和 D3 构建的重新定义的图表库。这个库能帮助你在 React 应用中轻易绘制图表,Recharts 的主要特点:
简单地使用 React 组件进行部署
支持原生 SVG,轻量级应用一些 D3 子模块
https://github.com/recharts/recharts
5. vue-echarts
![](https://image.cha138.com/20220601/a785037f7fcf48408b19e7452a69d593.jpg)
Apache ECharts 的 Vue.js 组件。
https://github.com/ecomfe/vue-echarts
6. chartist-js
![](https://image.cha138.com/20220601/d5d3ff6eab704f79b0f41b739b7bfbd9.jpg)
Chartist.js 是一个非常简单而且实用的 JavaScript 前端图表生成器,它支持 SVG 格式,图表数据转换十分灵活,同时也支持多种图表展现形式,不失为一款前端开发者的开发利器。
https://github.com/gionkunz/chartist-js
7. apexcharts.js
![](https://image.cha138.com/20220601/638fc8c09fc840bb97b16e009b1f9b08.jpg)
ApexCharts.JS 是一个现代化 JavaScript 图表库,用于使用简单的 API 构建交互式图表和可视化
https://github.com/apexcharts/apexcharts.js
8. G2
![](https://image.cha138.com/20220601/294ce90fa5fc4a3f81b58c1806f5ae9e.jpg)
G2 是一套基于图形语法理论的可视化底层引擎,以数据驱动,提供图形语法与交互语法,具有高度的易用性和扩展性。使用 G2,你可以无需关注图表各种繁琐的实现细节,一条语句即可使用 Canvas 或 SVG 构建出各种各样的可交互的统计图表。
https://github.com/antvis/G2
9. highcharts
![](https://image.cha138.com/20220601/4a5ca81f2acc4e0f9fe7b0a4df78c765.jpg)
让数据可视化更简单 兼容 IE6+、完美支持移动端、图表类型丰富、方便快捷的 html5 交互性图表库
![](https://image.cha138.com/20220601/f1b48c945c6e4c76bd45b37fc41b10e6.jpg)
https://github.com/highcharts/highcharts
10. nivo
![](https://image.cha138.com/20220601/10aec1369e734f5ab54b58e5f6e21c79.jpg)
nivo提供增压的 React 组件来轻松构建 dataviz 应用程序,它建立在 d3 之上。
已经存在几个用于 React d3 集成的库,但只有少数提供了服务器端渲染能力和完全声明性的图表。
https://github.com/plouc/nivo
最后
平时如何发现好的开源项目,可以看看这篇文章:GitHub 上能挖矿的神仙技巧 - 如何发现优秀开源项目
更多精彩项目,请看下方宝藏仓库,请慎入!
https://github.com/FrontEndGitHub/FrontEndGitHub
不知不觉,原创文章已经写到第 73 期了呢,几乎每一篇都是猫哥精心挑选的优质开源项目,推送的每一篇文章里面的项目几乎都是对前端开发很有帮助的。
原创不易,一篇优质的文章都是要肝几个晚上才能肝出来的,花费很多时间、精力去筛选和写推荐理由,大佬们看完文章后顺手点个赞或者转发吧,就当给猫哥一点鼓励吧。
往期精文
关注公众号:前端GitHub,回复 电子书 即可以获得下面 1000 本技术精华书籍哦,猫哥微信号:CB834301747 。
![](https://image.cha138.com/20220601/f762ca7342974ee08b2b4a682d3fa958.jpg)
![](https://image.cha138.com/20220601/a51f1ab86db34a128481dc46d6845d50.jpg)
如果不想错过精彩内容,请多给本公众号点赞哦,这样就会先收到内容推荐的。
![](https://image.cha138.com/20220601/798099dfe78540b6bbce1fa09d357e2b.jpg)
![](https://image.cha138.com/20220601/9f9508e36e4c4d90aa08b9c1cc471f72.jpg)
![](https://image.cha138.com/20220601/5fcaeb77a59547709ea0d032f7dcaeb0.jpg)
以上是关于玩转可视化图表篇,推荐 10 个你最应该知道的可视化图表项目,YYDS !的主要内容,如果未能解决你的问题,请参考以下文章
玩转可视化图表篇,推荐 10 个你最应该知道的可视化图表项目,YYDS !
玩转 image 篇,推荐 10 个你没见过的图片处理神器项目,YYDS!
玩转 image 篇,推荐 10 个你没见过的图片处理神器项目,YYDS!
玩转 image 篇,推荐 10 个你没见过的图片处理神器项目,YYDS!