fix(#1211): fix score scale (#1261)

Using the fixed range [0-1] for score filter visualization. Closes #1211
argilla-io · Mar 16, 2022 · 093f78b · 093f78b
1 parent 9e11933
commit 093f78b
Show file tree

Hide file tree

Showing 7 changed files with 19 additions and 13 deletions.
diff --git a/frontend/components/commons/header/filters/FilterScore.vue b/frontend/components/commons/header/filters/FilterScore.vue
@@ -115,6 +115,7 @@ export default {
         color: "#D9D7E4",
         binSpacing: 0,
       },
+
       bar: {
         binSpacing: 0,
         discreteBandSize: 0,
@@ -129,15 +130,20 @@ export default {
       },
     },
     encoding: {
-      x: { field: "key", type: "ordinal", scale: { rangeStep: null } },
+      x: {
+        scale: { zero: true },
+        bin: { maxbins: 100, extent: [0.0, 1.0] },
+        field: "key",
+        type: "quantitative",
+      },
       y: { field: "count", type: "quantitative", aggregate: "sum" },
     },
   }),
   computed: {
     options() {
       let test = Object.keys(this.filter.options).map((key) => {
         return {
-          key: key,
+          key: Number(key),
           count: this.filter.options[key],
         };
       });
@@ -228,8 +234,8 @@ export default {
     text-align: center;
   }
   .range__container {
-    margin-top: -8px;
-    padding: 0 0.5em;
+    margin-top: 2px;
+    padding: 0;
   }
   .range {
     @include font-size(14px);

diff --git a/frontend/components/core/ReRange.vue b/frontend/components/core/ReRange.vue
@@ -1160,7 +1160,7 @@ export default {
   -webkit-user-select: none;
   -moz-user-select: none;
   -o-user-select: none;
-  padding: 0;
+  padding: 0 !important;
   &.vue-slider-disabled {
     .vue-slider-dot {
       background: $line-light-color;

diff --git a/frontend/components/text-classifier/results/RecordExplain.vue b/frontend/components/text-classifier/results/RecordExplain.vue
@@ -39,7 +39,7 @@ export default {
     },
     explain: {
       type: Array,
-    }
+    },
   },
   computed: {
     predicted() {

diff --git a/frontend/components/text-classifier/results/RecordInputs.vue b/frontend/components/text-classifier/results/RecordInputs.vue
@@ -48,8 +48,8 @@ export default {
   props: {
     record: {
       type: Object,
-      required: true
-    }
+      required: true,
+    },
   },
   data: () => ({
     showFullRecord: false,

diff --git a/frontend/components/text-classifier/results/RecordString.vue b/frontend/components/text-classifier/results/RecordString.vue
@@ -50,8 +50,8 @@ export default {
   },
   computed: {
     keywords() {
-      return this.record.search_keywords
-    }
+      return this.record.search_keywords;
+    },
   },
   methods: {
     isList(record) {

diff --git a/frontend/components/text2text/results/RecordStringText2Text.vue b/frontend/components/text2text/results/RecordStringText2Text.vue
@@ -36,8 +36,8 @@ export default {
   props: {
     record: {
       type: Object,
-      required: true
-    }
+      required: true,
+    },
   },
   data: () => ({
     showFullRecord: false,

diff --git a/frontend/components/token-classifier/results/EntityHighlight.vue b/frontend/components/token-classifier/results/EntityHighlight.vue
@@ -68,7 +68,7 @@ export default {
     record: {
       type: Object,
       required: true,
-    }
+    },
   },
   data: () => {
     return {