Home  >  Article  >  Web Front-end  >  [Summary] 4 Vue3 visualization tools

[Summary] 4 Vue3 visualization tools

青灯夜游
青灯夜游Original
2022-10-19 14:11:313597browse

With the frequent updates of technology, visual development tools have become an effective tool to improve development efficiency. The following article will share with you several visualization tools suitable for Vue3 projects, come and take a look!

1. Pdfvuer

DF viewer, using Mozilla’s PDF.js, supports Vue2 and Vue3

project address : https://www.npmjs.com/package/pdfvuer

[Summary] 4 Vue3 visualization tools

Pdfvuer - a PDF viewer for Vue applications, based on PDF.js packaging. (Learning video sharing: vuejs tutorial)

2, vue3-marquee

Seamless scrolling component

Project address: https://vue3-marquee.vercel.app/

github address: https://github.com/megasanjay/vue3-marquee

[Summary] 4 Vue3 visualization tools

3. Vue-ECharts

The Vue.js component of Baidu Apache ECharts. Please refer to the official Echarts configuration for configuration, developed based on ECharts v5 and applicable to Vue.js 2/3.

  • Project address: https://vue-echarts.dev/

  • github address: https://github.com/ecomfe/ vue-echarts/blob/main/README.zh-Hans.md

[Summary] 4 Vue3 visualization tools

##4、iconpark

Produced by ByteDance, convert an SVG icon into multiple themes, and generate React icons, Vue icons, and svg icons

Project address: https://iconpark.oceanengine.com /home

[Summary] 4 Vue3 visualization tools

IconPark icon library is an open source icon library that drives vector icon styles through technology. It can transform a variety of themes based on a single SVG source file and has rich classifications. , lighter code and more flexible usage scenarios; committed to building high-quality, unified, and definable icon resources so that most people can choose a style icon that suits them.

GitHub address: https://github.com/bytedance/IconPark

  • React package (NPM address): https://www.npmjs.com/package /@icon-park/react

  • Vue package (NPM address): https://www.npmjs.com/package/@icon-park/vue

  • Vue3 package (NPM address): https://www.npmjs.com/package/@icon-park/vue-next

  • SVG package (NPM address) ): https://www.npmjs.com/package/@icon-park/svg

Using IconPark’s platform

has been covered ByteDance's commercial products are available on all platforms and are introduced as underlying code by 12 platforms, ensuring the unity of icon style and cognition

(Learning video sharing:

web front-end development, Introduction to Programming)

The above is the detailed content of [Summary] 4 Vue3 visualization tools. For more information, please follow other related articles on the PHP Chinese website!

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn