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:

Install

npm i vue-d3-charts --save

Usage

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",
}

d3-js

d3-word-cloud

vue-d3-charts-github

vuejs-stock-chart

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. Required fields are marked *