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.
162 lines
4.1 KiB
162 lines
4.1 KiB
4 years ago
|
# VuePapaParse
|
||
|
|
||
|
> A simple wrapper for for the original PapaParse built for VueJs
|
||
|
|
||
|
## Table of contents
|
||
|
* [VuePapaParse](#vuepapaparse)
|
||
|
* [Installation](#installation)
|
||
|
* [Default import](#default-import)
|
||
|
* [Usage](#usage)
|
||
|
* [Parse String](#parse-string)
|
||
|
* [Parse Local Files](#parse-local-files)
|
||
|
* [Parse Remote File](#parse-remote-file)
|
||
|
* [Unparse](#unparse)
|
||
|
* [Download](#download)
|
||
|
* [Dedupe](#dedupe)
|
||
|
* [PapaParse Docs](#papaparse-docs)
|
||
|
* [Example Vue Component](#example-vue-component)
|
||
|
|
||
|
## Installation
|
||
|
|
||
|
```bash
|
||
|
npm i vue-papa-parse
|
||
|
|
||
|
# or
|
||
|
|
||
|
yarn add vue-papa-parse
|
||
|
```
|
||
|
|
||
|
## Default import
|
||
|
```javascript
|
||
|
import Vue from 'vue'
|
||
|
import VuePapaParse from 'vue-papa-parse'
|
||
|
Vue.use(VuePapaParse)
|
||
|
```
|
||
|
|
||
|
## Usage
|
||
|
|
||
|
### PARSE STRING
|
||
|
```javascript
|
||
|
this.$papa.parse(csvString[, config])
|
||
|
```
|
||
|
read the docs for [parsing csv strings](https://www.papaparse.com/docs#strings)
|
||
|
|
||
|
### PARSE LOCAL FILES
|
||
|
```javascript
|
||
|
this.$papa.parse(file, config)
|
||
|
```
|
||
|
read the docs for [parsing local files](https://www.papaparse.com/docs#local-files)
|
||
|
|
||
|
### PARSE REMOTE FILE
|
||
|
```javascript
|
||
|
this.$papa.parse(url, {
|
||
|
download: true,
|
||
|
// rest of config ...
|
||
|
})
|
||
|
```
|
||
|
read the docs for [parsing remote files](https://www.papaparse.com/docs#remote-files)
|
||
|
>**PARSE Converts CSV to JSON**
|
||
|
|
||
|
>**The Parse Result Object**
|
||
|
>A parse result always contains three objects: data, errors, and meta. Data and errors are arrays, and meta is an object. In the step callback, the data array will only contain one element. [See the parse results object docs.](https://www.papaparse.com/docs#results)
|
||
|
|
||
|
>**The Parse Config Object**
|
||
|
>The `parse` function may be passed a configuration object. It defines settings, behavior, and callbacks used during parsing. Any properties left unspecified will resort to their default values. [See all config options for parse.](https://www.papaparse.com/docs#config)
|
||
|
|
||
|
### UNPARSE
|
||
|
```javascript
|
||
|
this.$papa.unparse(data[, config])
|
||
|
```
|
||
|
read the docs for [unparsing data](https://www.papaparse.com/docs#unparse)
|
||
|
|
||
|
>**UNPARSE Converts JSON to CSV**
|
||
|
|
||
|
> Papa's `unparse` utility writes out correct delimited text strings given an array of arrays or an array of objects. [See all config options for unparse.](https://www.papaparse.com/docs#unparse-config-default)
|
||
|
|
||
|
### DOWNLOAD
|
||
|
*Extended Papa to include a simple download method. This allows you to easily download a ```.csv``` file for JSON that has been converted to CSV.*
|
||
|
|
||
|
> This method takes two arguments:
|
||
|
>
|
||
|
> - ```csv``` usually the the results from ```this.$papa.unparse(data[, config])```)
|
||
|
> - ```title``` The title of the downloaded .csv.
|
||
|
note: no need to add the .csv extension.
|
||
|
|
||
|
```javascript
|
||
|
this.$papa.download(csv, title)
|
||
|
```
|
||
|
|
||
|
### DEDUPE
|
||
|
*Extended Papa to include a simple deduplication method. This allows you to simply remove exact duplicate entries from a parsed CSV file.*
|
||
|
|
||
|
> This method takes one argument:
|
||
|
>
|
||
|
> - ```data``` usually the data key from the result object returned from ```this.$papa.parse(mixed[, config])```)
|
||
|
|
||
|
### PAPAPARSE DOCS
|
||
|
*View all available PapaParse options by visiting [the Official Papa docs](https://www.papaparse.com/docs)*
|
||
|
|
||
|
### EXAMPLE VUE COMPONENT
|
||
|
```javascript
|
||
|
<template>
|
||
|
<button
|
||
|
@click="unparse"
|
||
|
>
|
||
|
Unparse Sample Data
|
||
|
</button>
|
||
|
</template>
|
||
|
|
||
|
<script>
|
||
|
export default {
|
||
|
data () {
|
||
|
return {
|
||
|
unparsedResults: null,
|
||
|
sampleData: [{
|
||
|
"Column 1": "1-1",
|
||
|
"Column 2": "1-2",
|
||
|
"Column 3": "1-3",
|
||
|
"Column 4": "1-4"
|
||
|
}, {
|
||
|
"Column 1": "2-1",
|
||
|
"Column 2": "2-2",
|
||
|
"Column 3": "2-3",
|
||
|
"Column 4": "2-4"
|
||
|
}, {
|
||
|
"Column 1": "3-1",
|
||
|
"Column 2": "3-2",
|
||
|
"Column 3": "3-3",
|
||
|
"Column 4": "3-4"
|
||
|
}, {
|
||
|
"Column 1": 4,
|
||
|
"Column 2": 5,
|
||
|
"Column 3": 6,
|
||
|
"Column 4": 7
|
||
|
}]
|
||
|
}
|
||
|
},
|
||
|
watch: {
|
||
|
unparsedResults (current) {
|
||
|
if (current) {
|
||
|
console.log(current)
|
||
|
}
|
||
|
}
|
||
|
},
|
||
|
methods: {
|
||
|
unparse () {
|
||
|
this.unparsedResults = this.$papa.unparse(this.sampleData, {
|
||
|
delimiter: ","
|
||
|
})
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
</script>
|
||
|
|
||
|
/*
|
||
|
Expected output in the console is:
|
||
|
1-1,1-2,1-3,1-4
|
||
|
2-1,2-2,2-3,2-4
|
||
|
3-1,3-2,3-3,3-4
|
||
|
4,5,6,7
|
||
|
*/
|
||
|
```
|