20 Awesome Vue Data Visualization Plugins

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.

Vue Chartjs


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.

V Charts


Viser

A toolkit fit for data vis engineer based on G2. Viser support React, Vue and AngularJS.

Viser


Vue Chartkick

Create beautiful JavaScript charts with one line of Vue.

Vue Chartkick


Trading Vuejs

TradingVue.js is a hackable charting lib for traders. You can draw literally anything on top of candlestick charts.

Trading Vue-js


Vue Echarts

ECharts component for Vue.js.

Vue Echarts


Vue Bar

Simple, elegant spark bars for Vue.js.

Vue Bar


Laue

It depends on several small submodules in D3, so it’s very reliable and lightweight.

Laue


Devextreme Vue

Vue UI and data visualization components.

Devextreme Vue


Vue D3 Chart

A interactive chart library based on vue and d3.

Vue D3 Chart


X Chart

x-chart is a draggable & resizable data visualization dashboard. Based on Vue.js, vue-echarts and vue-grid-layout.

X Chart


Vue D3 Network

Vue component to graph networks using d3-force.

Vue D3 Network


Vue Graph

Vue components based on the JUI chart available in Vue.js.

Vue Graph


Vue Calendar Heatmap

A lightweight calendar heatmap Vuejs component built on SVG, inspired by github’s contribution calendar graph.

Vue Calendar-heatmap


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.

V Chart Plugin


Vue Funnel-graph-js

Vue.js component drawing SVG Funnel Graphs.

Vue Funnel Graph


Vue Apexcharts

Vue.js wrapper for ApexCharts to build interactive visualizations in vue.

Vue Apexcharts


Vue Tree-Chart

A vue2 component to display tree chart.

Vue Tree-Chart


Vue Plotly

A vue wrapper for plotly.js chart library.

Vue Plotly


Vue Css Donut Chart

Lightweight Vue component for drawing pure CSS donut charts.

Vue Css-donut-chart


Leave a comment

Please be polite. We appreciate that. Your email address will not be published and required fields are marked

This site uses Akismet to reduce spam. Learn how your comment data is processed.