Vue 3 Timeline Chart component
A simple yet versatile vue3 component that allows you to plot points or ranges on a timeline.
You can zoom in/out, scroll horizontally and update content dynamically.
Feel free to report issues, make PR's and start discussions.
## Features
- Zooming
- Infinite scrolling _(using native horizontal scroll events, use shift+scroll to convert vertical to horizontal mouse scrolling)_
- Plotting ranges, points, markers and backgrounds
- Adjustable timestamp labels per scale
- Customizable
## [Live demo](https://laurens94.github.io/vue-timeline-chart/examples/basic-example.html)
## [API documentation and examples](https://laurens94.github.io/vue-timeline-chart/reference/props.html)
## Usage
```sh
npm add vue-timeline-chart
```
```ts
import { Timeline } from 'vue-timeline-chart'
import 'vue-timeline-chart/style.css'
```
### Example
```html
{{ group.label }}
```
## Development
### Install dependencies:
```
pnpm install
```
### Dev server with live reloading
```
pnpm start
```
### Building the application and watching for changes
```
pnpm dev
```
### Recommended IDE Setup
- [VS Code](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar)