https://github.com/0xdv/vue-timeline-component

https://github.com/0xdv/vue-timeline-component

d3 dataviz timeline vue vue-component

Last synced: 5 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/0xdv/vue-timeline-component
• Owner: 0xdv
• License: mit
• Created: 2020-03-22T13:43:29.000Z (about 5 years ago)
• Default Branch: master
• Last Pushed: 2023-03-04T07:27:44.000Z (about 2 years ago)
• Last Synced: 2024-10-31T18:15:09.232Z (6 months ago)
• Topics: d3, dataviz, timeline, vue, vue-component
• Language: JavaScript
• Size: 1.01 MB
• Stars: 25
• Watchers: 3
• Forks: 11
• Open Issues: 27
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# vue-timeline-component

[![npm package](https://img.shields.io/npm/v/vue-timeline-component.svg)](https://www.npmjs.org/package/vue-timeline-component)

[![GitHub license](https://img.shields.io/badge/license-MIT-blue.svg)](https://github.com/0xdv/vue-timeline-component/blob/master/LICENSE)

## [Demo](https://0xdv.github.io/vue-timeline-component/index.html)

## Install

```js

npm install vue-timeline-component

```

or

```html

```

## Usage

```html

  


    

  


```

```js

import VueTimeline from "vue-timeline-component"

export default {

  name: 'App',

  components: {

    VueTimeline

  },

  data() {

    return {

      events: [{

          name: "event 1",

          start: new Date(2020, 1,1),

          end: new Date(2020, 1,4),

      },{

          name: "event 2",

          start: new Date(2020, 1,2),

          end: new Date(2020, 1,5),

      },{

          name: "event 3",

          start: new Date(2020, 1,3),

          end: new Date(2020, 1,10),

      }]

    }

  },

}

```