StackGenVis: Alignment of Data, Algorithms, and Models for Stacking Ensemble Learning Using Performance Metrics
https://doi.org/10.1109/TVCG.2020.3030352
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
108 lines
2.6 KiB
108 lines
2.6 KiB
4 years ago
|
|
||
|
|
<p align="center"><img width="140"src="https://raw.githubusercontent.com/David-Desmaisons/vue-plotly/master/example/assets/logo.png"></p>
|
||
|
|
|
||
|
|
# vue-plotly
|
||
|
|
[](https://github.com/David-Desmaisons/vue-plotly/issues)
|
||
|
|
[](https://circleci.com/gh/David-Desmaisons/vue-plotly)
|
||
|
|
[](https://codecov.io/gh/David-Desmaisons/vue-plotly)
|
||
|
|
[](https://www.npmjs.com/package/vue-plotly)
|
||
|
|
[](https://github.com/David-Desmaisons/vue-plotly/blob/master/LICENSE)
|
||
|
|
|
||
|
|
<h2>Thin vue wrapper for <a
|
||
|
|
href="https://plot.ly/javascript/"
|
||
|
|
target="_blank"
|
||
|
|
>plotly.js</a></h2>
|
||
|
|
<span>It provides:</span>
|
||
|
|
<ul>
|
||
|
|
<li>all plotly.js methods and events</li>
|
||
|
|
<li>data reactivity</li>
|
||
|
|
<li>Redraw on resizing</li>
|
||
|
|
</ul>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
## Live example
|
||
|
|
https://david-desmaisons.github.io/vue-plotly/
|
||
|
|
|
||
|
|
## Usage
|
||
|
|
```HTML
|
||
|
|
<Plotly :data="data" :layout="layout" :display-mode-bar="false"></Plotly>
|
||
|
|
```
|
||
|
|
```javascript
|
||
|
|
import { Plotly } from 'vue-plotly'
|
||
|
|
|
||
|
|
export default {
|
||
|
|
components: {
|
||
|
|
Plotly
|
||
|
|
},
|
||
|
|
data:{
|
||
|
|
data:[{
|
||
|
|
x: [1,2,3,4],
|
||
|
|
y: [10,15,13,17],
|
||
|
|
type:"scatter"
|
||
|
|
}],
|
||
|
|
layout:{
|
||
|
|
title: "My graph"
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
```
|
||
|
|
## API
|
||
|
|
|
||
|
|
#### Props
|
||
|
|
|
||
|
|
- `data` ***Array*** (*optional*)
|
||
|
|
|
||
|
|
[Data](https://plot.ly/javascript/reference/) to be displayed
|
||
|
|
|
||
|
|
- `layout` ***Object*** (*optional*)
|
||
|
|
|
||
|
|
Graphic [layout](https://plot.ly/javascript/reference/#layout)
|
||
|
|
|
||
|
|
- `id` ***String*** (*optional*)
|
||
|
|
|
||
|
|
Id of the root HTML element of the component.
|
||
|
|
|
||
|
|
- Others:
|
||
|
|
|
||
|
|
Plotly component implements the [transparent wrapper pattern](https://zendev.com/2018/05/31/transparent-wrapper-components-in-vue.html):<br>All other props will be passed as plotly graphic [option](https://plot.ly/javascript/configuration-options/).
|
||
|
|
|
||
|
|
## Installation
|
||
|
|
```
|
||
|
|
npm install vue-plotly
|
||
|
|
```
|
||
|
|
|
||
|
|
## Project setup
|
||
|
|
```
|
||
|
|
npm install
|
||
|
|
```
|
||
|
|
|
||
|
|
### Compiles and hot-reloads for development
|
||
|
|
```
|
||
|
|
npm run serve
|
||
|
|
```
|
||
|
|
|
||
|
|
### Compiles and minifies for production
|
||
|
|
```
|
||
|
|
npm run build
|
||
|
|
```
|
||
|
|
|
||
|
|
### Run your tests
|
||
|
|
```
|
||
|
|
npm run test
|
||
|
|
```
|
||
|
|
|
||
|
|
### Lints and fixes files
|
||
|
|
```
|
||
|
|
npm run lint
|
||
|
|
```
|
||
|
|
|
||
|
|
### Run your unit tests
|
||
|
|
```
|
||
|
|
npm run test:unit
|
||
|
|
```
|
||
|
|
|
||
|
|
### Customize configuration
|
||
|
|
See [Configuration Reference](https://cli.vuejs.org/config/).
|
||
|
|
|