https://github.com/Saigesp/vue-d3-charts

D3 charts for Vue
https://github.com/Saigesp/vue-d3-charts

chart-library charts d3 d3-charts data-visualization open-source vue

Last synced: 18 days ago
JSON representation

D3 charts for Vue

• Host: GitHub
• URL: https://github.com/Saigesp/vue-d3-charts
• Owner: Saigesp
• License: lgpl-2.1
• Created: 2019-11-04T20:11:13.000Z (about 5 years ago)
• Default Branch: master
• Last Pushed: 2022-12-15T13:54:43.000Z (about 2 years ago)
• Last Synced: 2023-03-11T09:32:40.087Z (almost 2 years ago)
• Topics: chart-library, charts, d3, d3-charts, data-visualization, open-source, vue
• Language: Vue
• Homepage: https://saigesp.github.io/vue-d3-charts/
• Size: 4.76 MB
• Stars: 86
• Watchers: 6
• Forks: 27
• Open Issues: 22
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.md

Awesome Lists containing this project

README

        
# vue-d3-charts

**The development of this library is frozen for now. When I have more time I will continue its development. Any contribution is welcome**

Simply yet configurable charts build with D3.

See [documentation and demo](https://saigesp.github.io/vue-d3-charts/) page.

### Install

```bash

npm i vue-d3-charts --save

```

### Usage

Import:

```javascript

import { D3BarChart } from 'vue-d3-charts';

```

Template:

```html

```

Configuration and data:

```javascript

// data

data = [{

  name: "Lorem",

  total: 30

},{

  name: "Ipsum",

  total: 21

},{

  name: "Dolor",

  total: 20

}]

// Configuration

config = {

  key: "name",

  value: "total",

  color: "steelblue",

}

```

### Contributing

See [contribution guide](CONTRIB.md).

### License

This repository is available under **GNU LESSER GENERAL PUBLIC LICENSE v2.1** (LGPL). See [details](LICENSE.md).