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.
54 lines
1.3 KiB
54 lines
1.3 KiB
6 years ago
|
<template>
|
||
|
|
<div id="OverviewPredPlotly" class="OverviewPredPlotly"></div>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
import * as Plotly from 'plotly.js'
|
||
|
|
import { EventBus } from '../main.js'
|
||
|
|
|
||
|
|
export default {
|
||
|
|
name: 'PredictionsSpace',
|
||
|
|
data () {
|
||
|
|
return {
|
||
|
|
PredictionsData: ''
|
||
|
|
}
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
ScatterPlotDataView () {
|
||
|
|
const XandYCoordinates = this.PredictionsData[0]
|
||
|
|
|
||
|
|
var result = XandYCoordinates.reduce(function(r, a) {
|
||
|
|
a.forEach(function(s, i) {
|
||
|
|
var key = i === 0 ? 'Xax' : 'Yax';
|
||
|
|
|
||
|
|
r[key] || (r[key] = []); // if key not found on result object, add the key with empty array as the value
|
||
|
|
|
||
|
|
r[key].push(s);
|
||
|
|
})
|
||
|
|
return r;
|
||
|
|
}, {})
|
||
|
|
|
||
|
|
const Data = [{
|
||
|
|
x: result.Xax,
|
||
|
|
y: result.Yax,
|
||
|
|
mode: 'markers',
|
||
|
|
}]
|
||
|
|
const layout = {
|
||
|
|
title: 'Predictions Space Projection (tSNE)',
|
||
|
|
xaxis: {
|
||
|
|
visible: false
|
||
|
|
},
|
||
|
|
yaxis: {
|
||
|
|
visible: false
|
||
|
|
}
|
||
|
|
}
|
||
|
|
Plotly.newPlot('OverviewPredPlotly', Data, layout)
|
||
|
|
}
|
||
|
|
},
|
||
|
|
mounted() {
|
||
|
|
EventBus.$on('emittedEventCallingPredictionsSpacePlotView', data => {
|
||
|
|
this.PredictionsData = data})
|
||
|
|
EventBus.$on('emittedEventCallingPredictionsSpacePlotView', this.ScatterPlotDataView)
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</script>
|