Vue Trend: Draw cool spark lines

vue-trend

Draw Simple, elegant spark lines for Vue.js inspired by unsplash/react-trend. Demo

Example

Installation

npm i vuetrend -S

Usage

import Vue from 'vue'
import Trend from 'vuetrend'

Vue.use(Trend)
<template>
  <div id="app">
    <trend
    :data="data"
    :gradient="['#6fa8dc', '#42b983', '#2c3e50']"
    auto-draw
    auto-draw-duration="3000"
  auto-draw-easing="ease-in">
  </trend>
  </div>
</template>

<script>
export default {
  name: 'app',
  data () {
    return {
      data: [0, 9, 1, 10, 10, 10, 1, 1, 0, 0, 9, 8, 7, 8, 9]
    }
  }
}
</script>

Explore more options in the API section.

Find vue-trend on GitHub.