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.
61 lines
1.2 KiB
61 lines
1.2 KiB
@mixin triangle($size, $color, $direction) {
|
|
height: 0;
|
|
width: 0;
|
|
@if ($direction==top) or ($direction==bottom) or ($direction==right) or ($direction==left) {
|
|
border-color: transparent;
|
|
border-style: solid;
|
|
border-width: $size / 2;
|
|
@if $direction==top {
|
|
border-bottom-color: $color;
|
|
} @else if $direction==right {
|
|
border-left-color: $color;
|
|
} @else if $direction==bottom {
|
|
border-top-color: $color;
|
|
} @else if $direction==left {
|
|
border-right-color: $color;
|
|
}
|
|
}
|
|
}
|
|
|
|
@mixin arrow($size, $color) {
|
|
&::after {
|
|
content: '';
|
|
position: absolute;
|
|
}
|
|
|
|
&-top {
|
|
&::after {
|
|
top: 100%;
|
|
left: 50%;
|
|
transform: translate(-50%, 0);
|
|
@include triangle($size, $color, bottom);
|
|
}
|
|
}
|
|
|
|
&-bottom {
|
|
&::after {
|
|
bottom: 100%;
|
|
left: 50%;
|
|
transform: translate(-50%, 0);
|
|
@include triangle($size, $color, top);
|
|
}
|
|
}
|
|
|
|
&-left {
|
|
&::after {
|
|
left: 100%;
|
|
top: 50%;
|
|
transform: translate(0, -50%);
|
|
@include triangle($size, $color, right);
|
|
}
|
|
}
|
|
|
|
&-right {
|
|
&::after {
|
|
right: 100%;
|
|
top: 50%;
|
|
transform: translate(0, -50%);
|
|
@include triangle($size, $color, left);
|
|
}
|
|
}
|
|
}
|
|
|