Skip to content
Projects Vue.js Projects
Vue Trend

Vue Trend

Simple, elegant spark lines for Vue.js

5.3K viewsAdded Dec 26, 2018

Simple, elegant spark lines for Vue.js

Installation

npm i vuetrend -S

Usage

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

Vue.use(Trend);

vue template

<trend
    :data="[0, 2, 5, 9, 5, 10, 3, 5, 0, 0, 1, 8, 2, 9, 0]"
    :gradient="['#6fa8dc', '#42b983', '#2c3e50']"
    auto-draw
    smooth>
</trend>

Development

yarn
yarn dev
# open localhost:4000

Vue.js Projects

A hand-picked collection of projects made with Vue.js: UI components, input elements, apps, plugins, examples and frameworks.

Newsletter

Get the best new Vue projects in your inbox.

© 2026 vuejsprojects.com