前端可视化一直是人们经常谈论的词。随着SVG，Canvas，WebGL和其他技术的开发，出现了许多优秀的视觉库。这篇文章将为所有人选择一些有趣且实用的建议。工具使用良好，开发效率自然会提高。
Echarts是基于JavaScript的开源视觉图表库。我相信许多完成了可视化相关项目的合作伙伴已经使用了它，可以说它总是在滴落。
github：https：//github.com/apache/echarts
网站：https：//echarts.apache.org/zh/index.html
Makeapie是Echarts社区资源的集合，网站上有许多社区合作伙伴。如果您真的想不出效果，那就去Makeapie看看，您可能想要它。
网站：https：//www.makeapie.com/explore.html
Zrender是一个两维的绘图引擎，提供了各种渲染方法，例如Canvas，SVG，VML.Zrender也是Echarts Renderer。感兴趣的朋友可以学习。
github：https：//github.com/ecomfe/zrender
网站：https：//ecomfe.github.io/zrender-doc/public/
ChartJS是设计师和开发人员的简单且灵活的JavaScript图表。该样式非常新鲜。
github：https：//github.com/chartjs/chart.js
网站：https：//www.chartjs.org/
中文：https：//chartjs.bootcss.com/
D3.js是用于数据可视化的开源JavaScript函数库。它被认为是众所周知的JavaScript可视化框架之一。它比Echarts更灵活，更复杂。
github：https：//github.com/d3/d3
网站：https：//d3js.org/
ANTV系列：包含各种数据可视化解决方案。该集合非常系统，包含数据可视化的所有方面。
github：https：//github.com/antvis
网站：https：//antv.vision/zh
ANTV G2是一组常规统计图表，具有数据驱动的高友好可视化图形语法，具有很高的使用和可扩展性。
网站：https：//g2.antv.vision/zh
ANTV F2是一种视觉引擎，专注于移动终端，面向传统的统计图表，并用于打开盒子。
网站：https：//f2.antv.vision/zh
ANTV G6是一种简单，容易使用和完整的视觉引擎。
网站：https：//g6.antv.vision/zh
ANTV X6是一款图形编辑引擎，它提供了一系列交互式组件，并易于使用 - 使用节点自定义功能用于解开包装，这对于我们很方便地快速构建应用程序，例如DAG图，ER图表和流图。
网站：https：//x6.antv.vision/zh
ANTV L7是地理空间可视化引擎。
SpriteJS是一个跨平台高性能图形系统，支持Web，节点，桌面应用程序和Applet图形，以实现和实现各种动画效果。
github：https：//github.com/spritejs/spritejs
网站：https：//spritejs.org/zh-cn/index
Rough.js：图形可用于绘制草图外观。
github：https：//github.com/rough-stuff/rough
网站：https：//roughjs.com/
Trixjs是开源主流3D Drawing JS发动机，可以说这是前端3D开发的必须的工件。
github：https：//github.com/mrdoob/three.js/
网站：https：//threejs.org/
Pixi.js是一款非常快速的2D Sprite渲染引擎，支持WebGl.T可以帮助我们显示，动画和管理交互式图形，以便我们可以轻松地使用JavaScript和其他HTML5技术来制作游戏和应用程序。
github：https：//github.com/pixijs/pixijs
网站：https：//pixijs.com/
中文：https：//pixijs.huashengweilai.com/
Phaser是一个快速，有趣且免费的开源H5游戏开源框架。如果您对H5游戏开发感兴趣，则可以看到Pixi.js和此库。
github：https：//github.com/photonstorm/phaser
网站：http：//phaser.io/
SVG.JS是一个轻巧的库，用于操纵SVG和设置SVG动画。
github：https：//github.com/svgdotjs/svg.js
网站：https：//svgjs.dev/docs/3.0/
snap.svg是现代网络出生的JavaScript SVG库。
github：https：//github.com/adobe-webplatform/snap.svg
网站：http：//snapsvg.io/
Fabric.js是一个画布库，可以将其转换为SVG和画布。
github：https：//github.com/fabricjs/fabric.js
网站：http：//fabricjs.com/
宽松功能自定义参数会随着时间而变化，以帮助我们选择正确的慢速功能。
github：https：//github.com/ai/easings.net
网站：https：//easings.net/en11
Animate.css CSS动画库。
github：https：//github.com/animate-css/animate.css
网站：https：//animate.style/
Anime.js是一个轻巧的JavaScript动画库，具有简单但功能强大的API。
github：https：//github.com/juliangarnier/anime
网站：https：//animejs.com/
中文：https：//www.animejs.cn/
Hover.css纯CSS3鼠标在特殊效果库中滑动
github：https：//github.com/ianlunn/hover
网站：http：//ianlunn.github.io/hover/
让我们暂时分享很多。上面这些图书馆的实用性相对较高，有些非常有趣。如果您没有使用过这篇文章，但是它也很有趣或很实用，欢迎分享?