Press "Enter" to skip to content

Simply Configurable Charts Build with D3 In vuejs

vue-d3 graphs is an animated, reusable and reusable graphing library for Vue.js applications, based on the d3.js library.

d3 chart npm, d3 charts, d3 js, vue d3 charts github, vue d3 example, install d3 in vuejs, d3 vs vue, vuejs stock chart

Components Included:

  • D3BarChart: Bar Chart
  • D3LineChart: Line Chart
  • D3PieChart: Pie Chart
  • D3SlopeChart: Slope Chart
  • D3Sunburst: Sunburst Chart
  • D3WordsCloud: Word (tag) Cloud

How to make use of it:


npm i vue-d3-charts --save


import { D3BarChart } from 'vue-d3-charts';
<D3BarChart :config="config" :datum="data"></D3BarChart>

Configuration and data:

// data
data = [{
  name: "Lorem",
  total: 30
  name: "Ipsum",
  total: 21
  name: "Dolor",
  total: 20

// Configuration
config = {
  key: "name",
  value: "total",
  color: "steelblue",





reusable charting library, vue-d3-charts Plugin/Github

See Demo And Download

Official Website(Saigesp): Click Here

This superior jQuery/javascript plugin is developed by Saigesp. For extra advanced usage, please go to the official website.

Be First to Comment

    Leave a Reply

    Your email address will not be published.