https://github.com/vue-bulma/peity

A Vue version of an excellent peity library for beautiful mini <svg> graphs.
https://github.com/vue-bulma/peity

Last synced: about 1 month ago
JSON representation

A Vue version of an excellent peity library for beautiful mini <svg> graphs.

• Host: GitHub
• URL: https://github.com/vue-bulma/peity
• Owner: vue-bulma
• License: mit
• Created: 2016-06-07T00:32:36.000Z (over 9 years ago)
• Default Branch: master
• Last Pushed: 2022-12-06T14:35:38.000Z (almost 3 years ago)
• Last Synced: 2025-09-29T11:13:44.791Z (about 2 months ago)
• Language: JavaScript
• Size: 98.6 KB
• Stars: 65
• Watchers: 4
• Forks: 10
• Open Issues: 7
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-vue-refactor - vue-peity ★12
• awesome-vuejs - vue-peity ★12

README

          
# Peity

A Vue version of an excellent [peity](https://github.com/benpickles/peity) library for beautiful mini  graphs.

## Usage

```vue

  

import Peity from 'vue-peity'

export default {

  components: {

    Peity

  },

  computed: {

    pieData () {

      return this.data.toString()

    }

  },

  data () {

    return {

      data: [1, 2, 3, 2, 2]

    }

  },

  created () {

    setInterval(() => {

      // https://vuejs.org/guide/list.html#Mutation-Methods

      this.data.unshift(this.data.pop())

    }, 377)

  }

}

```

## Badges

![](https://img.shields.io/badge/license-MIT-blue.svg)

![](https://img.shields.io/badge/status-stable-green.svg)

---

> [fundon.me](https://fundon.me)  · 

> GitHub [@fundon](https://github.com/fundon)  · 

> Twitter [@_fundon](https://twitter.com/_fundon)