Data visualization refers to the technique used to communicate data in a more clear and efficient way using visual objects such as charts, graphs and many more. Vue is a progressive Javascript framework that is used by many developers. So in this post I’ve collected 20 Awesome Vue Data Visualization Plugins you can use for visualizing data to the client.
Vue Chartjs
Chart.js is a simple charting library that uses the Canvas API in HTML5. Chart.js has good animation support and is fairly easy to get up and running with.
V Charts
When using echarts to generate charts, we often need to do cumbersome data scheme conversion, modify complex configuration items, v-charts precisely to solve this. v-charts is based on Vue2.x and echarts, just need to provide a friendly data scheme and set simple configuration items, you can easily generate common charts.
Viser
A toolkit fit for data vis engineer based on G2. Viser support React, Vue and AngularJS.
Vue Chartkick
Create beautiful JavaScript charts with one line of Vue.
Trading Vuejs
TradingVue.js is a hackable charting lib for traders. You can draw literally anything on top of candlestick charts.
Vue Echarts
ECharts component for Vue.js.
Vue Bar
Simple, elegant spark bars for Vue.js.
Laue
It depends on several small submodules in D3, so it’s very reliable and lightweight.
Devextreme Vue
Vue UI and data visualization components.
Vue D3 Chart
A interactive chart library based on vue and d3.
X Chart
x-chart is a draggable & resizable data visualization dashboard. Based on Vue.js, vue-echarts and vue-grid-layout.
Vue D3 Network
Vue component to graph networks using d3-force.
Vue Graph
Vue components based on the JUI chart available in Vue.js.
Vue Calendar Heatmap
A lightweight calendar heatmap Vuejs component built on SVG, inspired by github’s contribution calendar graph.
V Chart-plugin
This plugin is designed to allow Vue.js developers to incorporate fully reactive and customizable charts into their applications. The plugin is built off of the D3.js JavaScript library for manipulating documents based on data. By binding data from your components, you can create complex charts and graphs that respond to changes in your application.
Vue Funnel-graph-js
Vue.js component drawing SVG Funnel Graphs.
Vue Apexcharts
Vue.js wrapper for ApexCharts to build interactive visualizations in vue.
Vue Tree-Chart
A vue2 component to display tree chart.
Vue Plotly
A vue wrapper for plotly.js chart library.
Vue Css Donut Chart
Lightweight Vue component for drawing pure CSS donut charts.