Summary of Vs.

Vs is a data visualization analysis package based on D3. js and vue.js, suitable for charts, dashboard making.

Github Repo

Currently supported components

  • d3Bar
  • d3Line
  • d3Pie
  • d3ProgressArc
  • d3SankeyCircular
  • d3Timelion
  • d3Timeline

The main dependence

  • d3.js v4
  • Vue. Js v2.5

The installation

npm i -S GopherJ/Vs
Copy the code

use

You are advised to use vue-CLI to set up the environment. The following applies only to the standard vue.js environment.

main.js

import Vs from 'Vs';

Vue.use(Vs);
Copy the code

template

// <d3-bar :data="data"></d3-bar> // <d3-pie :data="data"></d3-pie> // d3-line :data="data"></ d3-bar > // vertical bar <d3-bar :data="data" :options="{ isVertical: true }"></d3-bar> // Sankey diagram, see // https://github.com/d3/d3-sankey <d3-sankey-circular V-bind ="dataSankey"></d3-sankey-circular> // Timeline < D3-timeline :data="dataTimeline"></ d3-timelion > // Timelion < D3-timelion :data="dataTimelion"></d3-timelion>
Copy the code

Note: All of the above use the default configuration. Bar charts, pie charts, or doughnut charts require arrays of type {key: key, value: value} by default. See the project home page for data types supported by Sankey diagrams and other ICONS.

preview

https://gopherj.github.io/Vs/#/

The document

https://github.com/GopherJ/Vs

Part of the screenshot

The last

If you have any suggestions or other charts you would like to support in the future please issue or email [email protected], like please star, thank you for your support!