Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/mattbrailsford/vuepoint

A vuejs based dashboard framework
https://github.com/mattbrailsford/vuepoint

dashboard javascript vuejs vuejs2

Last synced: 1 day ago
JSON representation

A vuejs based dashboard framework

Host: GitHub
URL: https://github.com/mattbrailsford/vuepoint
Owner: mattbrailsford
License: mit
Created: 2017-12-27T19:29:12.000Z (about 7 years ago)
Default Branch: master
Last Pushed: 2018-09-30T15:23:54.000Z (about 6 years ago)
Last Synced: 2024-12-24T12:42:51.804Z (4 days ago)
Topics: dashboard, javascript, vuejs, vuejs2
Language: Vue
Homepage: https://mattbrailsford.github.io/vuepoint/
Size: 6.02 MB
Stars: 181
Watchers: 11
Forks: 17
Open Issues: 3
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

README

# Vuepoint

A vuejs based dashboard framework. [Demo](https://mattbrailsford.github.io/vuepoint/index.html)

![Screenshot](img/screenshot.png)

## Build Setup

``` bash
# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build
```

## Supported Tiles

* Value - Simple numeric value with before / after text
* Text - Text / html value tile
* List - List of label and value items
* Battery - A battery level indicator
* Gauage - A gauge display
* Level - A vertical level display
* Chart - A line, bar or doughnut chart
* Sparkline - A spirkline style chart
* Indicator - A true/false indicator

## Helper Components

* Date Time - A date time value (updates every 1 second)
* Weather - Outputs the temperature / icon of a city (updates every 15 minutes)
* Percentile Value - Show an up / down percentile change of value
* Min Value - Tracks the minimum value of passed readings
* Max Value - Tracks the maximum value of passed readings
* Avg Value - Calculate an average value of passed readings
* Ema Value - Exponential moving average of passed readings
* Animated Number - Animates a number change

## Acknowledgements

This framework uses the [spatie.be](https://github.com/spatie/dashboard.spatie.be) dashboard framework as it's starting point, using the same "spreadsheet" style grid layout system.

## License