30 best JavaScript Vue Charts libraries in 2024
by naveen.kumar@openweaver.com Updated: Mar 7, 2023
Guide Kit ย
Vue.js is a framework for building client-side applications.. Vue charts let you create simple charts quickly and effectively. As you may know, vue-chart.js allows you to use Chart.js inside Vue without extra hassle. These chart libraries have reusable chart components that you can use with your data extensively and with maximum flexibility. With this, you can create Vue charts for your projects and make charting and graphing easier and more interactive. The vue.js wrapper combines the methods and logic of Chart components into your own customized charts to create visuals on demand. From these Vue chart visualization libraries, you can enable different components like bar charts, pie charts, line graphs, and lots more. Here are our 30 best JavaScript Vue chart libraries that are open source in 2022. These have different features and applications but the same goal, which is to make data visualization simpler and more beautiful.
v-chartsby ElemeFE
Chart component based on Vue2.0 and ECharts package๐๐
v-chartsby ElemeFE
JavaScript 6756 Version:v1.18.0 License: Permissive (MIT)
vue-chartjsby apertureless
๐ Vue.js wrapper for Chart.js
vue-chartjsby apertureless
TypeScript 5142 Version:v5.2.0 License: Permissive (MIT)
dependency-cruiserby sverweij
Validate and visualize dependencies. Your rules. JavaScript, TypeScript, CoffeeScript. ES6, CommonJS, AMD.
dependency-cruiserby sverweij
JavaScript 4162 Version:v13.0.3 License: Permissive (MIT)
trading-vue-jsby tvjsx
๐น Hackable charting lib for traders. You can draw literally ANYTHING on top of candlestick charts. [Not Maintained]
trading-vue-jsby tvjsx
JavaScript 1822 Version:v1.0 License: Permissive (MIT)
vue-echarts-v3by xlsdg
Vue.js(v2.x+) component wrap for ECharts.js(v3.x+)
vue-echarts-v3by xlsdg
JavaScript 905 Version:Current License: Permissive (MIT)
vue-chartkickby ankane
Create beautiful JavaScript charts with one line of Vue
vue-chartkickby ankane
JavaScript 714 Version:Current License: Permissive (MIT)
vue-konvaby konvajs
Vue & Canvas - JavaScript library for drawing complex canvas graphics using Vue.
vue-konvaby konvajs
TypeScript 970 Version:v2.0.0 License: Permissive (MIT)
vue-audio-visualby staskobzar
VueJS audio visualization components
vue-audio-visualby staskobzar
TypeScript 589 Version:v3.0.5 License: Permissive (MIT)
vue-canvas-posterby sunniejs
Vue generates a poster image, a lightweight vue component that draws canvas images via css properties (Vue poster, a lightweight vue component that draws canvas images via css properties.)
vue-canvas-posterby sunniejs
JavaScript 489 Version:Current License: No License
vue-google-chartsby devstark-com
Reactive Vue.js wrapper for Google Charts lib
vue-google-chartsby devstark-com
TypeScript 393 Version:Current License: No License
vnode2canvasby muwoo
Rendering virtual DOM into canvas based on Vue plugin
vnode2canvasby muwoo
JavaScript 334 Version:Current License: Permissive (MIT)
modVby vcync
modular audio visualisation powered by JavaScript
modVby vcync
JavaScript 293 Version:3.16.0 License: Permissive (MIT)
EasyQRCodeJSby ushelp
EasyQRCodeJS is a feature-rich cross-browser pure JavaScript QRCode generation library. Support Canvas, SVG and Table drawing methods. Support Dot style, Logo, Background image, Colorful, Title etc. settings. Support Angular, Vue.js, React, Next.js, Svelte framework. Support binary(hex) data mode.(Running with DOM on client side)
EasyQRCodeJSby ushelp
JavaScript 512 Version:4.4.13 License: Permissive (MIT)
vue-trend-chartby dmtrbrl
Simple trend charts for Vue.js
vue-trend-chartby dmtrbrl
JavaScript 260 Version:v0.17.0 License: Permissive (MIT)
wear-a-maskby zamhown
๐ท An SPA that uses only the front-end to perform deep-learning-based facial landmark detection on images and automatically adds breathing mask stickers.
wear-a-maskby zamhown
JavaScript 233 Version:Current License: Permissive (MIT)
vue-morrisby bbonnin
VueJS component wrapping Morris.js
vue-morrisby bbonnin
JavaScript 224 Version:Current License: Permissive (MIT)
v-chart-pluginby ignoreintuition
Easily bind a chart to the data stored in your Vue.js components.
v-chart-pluginby ignoreintuition
JavaScript 198 Version:v1.0.0 License: Strong Copyleft (GPL-3.0)
vue-chartsby haydenbbickerton
*UNSUPPORTED* Google Charts plugin for Vue.js
vue-chartsby haydenbbickerton
JavaScript 194 Version:Current License: Permissive (MIT)
ve-chartsby vueblocks
๐ ECharts 4.x for Vue.js 2.x. | ๐ ECharts 5.x for Vue.js 3.x in next version.
ve-chartsby vueblocks
JavaScript 206 Version:v0.9.8 License: No License
FancyGridby FancyGrid
FancyGrid - JavaScript grid library with charts integration and server communication.
FancyGridby FancyGrid
JavaScript 174 Version:v1.7.150 License: Others (Non-SPDX)
VGEditorby ChrisShen93
A visual graph editor based on G6 and Vue, inspired by GGEditor.
VGEditorby ChrisShen93
JavaScript 171 Version:Current License: Permissive (MIT)
vue-orgchartby spiritree
:herb: Vue.js wrapper for OrgChart.js
vue-orgchartby spiritree
JavaScript 170 Version:1.1.7 License: Permissive (MIT)
npmcharts.comby cheapsteak
Compare npm package downloads over time
npmcharts.comby cheapsteak
JavaScript 147 Version:Current License: Permissive (MIT)
jsplumb-exampleby wangyu142857
Draw a flow chart with vue and jsplumb
jsplumb-exampleby wangyu142857
JavaScript 132 Version:1.0 License: No License
vue-plotlyby statnett
A vue wrapper for plotly.js chart library
vue-plotlyby statnett
JavaScript 117 Version:Current License: Permissive (MIT)
vue-graphby juijs
โก๏ธ Vue components based on the JUI chart available in Vue.js
vue-graphby juijs
JavaScript 117 Version:v0.8.7 License: No License
vue-css-donut-chartby dumptyd
Lightweight Vue component for drawing pure CSS donut charts
vue-css-donut-chartby dumptyd
JavaScript 117 Version:Current License: Permissive (MIT)
vue-fusionchartsby fusioncharts
Vue Component for FusionCharts JavaScript Charting Library
vue-fusionchartsby fusioncharts
JavaScript 78 Version:3.0.4 License: Permissive (MIT)