Add dataTypeText support in bias detection components and localization

Author: devhelpr

src/assets/bias-detection-python-code.tsx

@@ -27,6 +27,7 @@ from js import targetColumn
 from js import dataType
 from js import higherIsBetter
 from js import isDemo
+from js import dataTypeText
 
 def t_test_on_cluster(test_df, bias_score, cluster_label):
 
@@ -331,7 +332,7 @@ def run():
             'iterations': localIterations,
             'minClusterSize': localClusterSize,
             'performanceMetric': bias_score,
-            'dataType': localDataType
+            'dataType': dataTypeText
         }
     }))
     setResult(json.dumps({

src/components/BiasSettings.tsx

@@ -162,6 +162,7 @@ export default function BiasSettings({
                     form.getValues().whichPerformanceMetricValueIsBetter ===
                     'higher',
                 isDemo: true,
+                dataTypeText: t(`biasSettings.dataType.categorical`),
             }
         );
     };
@@ -224,6 +225,9 @@ export default function BiasSettings({
             higherIsBetter:
                 formData.whichPerformanceMetricValueIsBetter === 'higher',
             isDemo: false,
+            dataTypeText: t(
+                `biasSettings.dataType.${formData.selectedDataType}`
+            ),
         });
     };
 

src/components/bias-detection-interfaces/BiasDetectionParameters.ts

@@ -5,4 +5,5 @@ export interface BiasDetectionParameters {
     dataType: string;
     higherIsBetter: boolean;
     isDemo: boolean;
+    dataTypeText: string;
 }

src/locales/en.ts

@@ -21,6 +21,10 @@ export const en = {
         'Loading core packages. On average this takes 10-15 seconds.',
     installingPackages: 'Installing additional packages...',
     biasSettings: {
+        dataType: {
+            numeric: 'Numeric',
+            categorical: 'Categorical',
+        },
         exportToPDF: 'Download bias analysis report as pdf',
         exportToJSON: 'Export clusters as json',
         form: {
@@ -340,8 +344,7 @@ In this example, we analyze which group is most adversely affected by the risk p
         },
         distribution: {
             mainHeading: '6. Cluster differences wrt. features',
-            heading:
-                '"{{variable}}" distribution per cluster:',
+            heading: '"{{variable}}" distribution per cluster:',
         },
         splittingDataset: {
             heading: '3. Splitting dataset',

src/locales/nl.ts

@@ -18,6 +18,10 @@ export const nl = {
     loadingPackages: 'Laden van packages. Dit duurt gemiddeld 10-15 seconden.',
     installingPackages: 'Aanvullende packages laden',
     biasSettings: {
+        dataType: {
+            numeric: 'Numeriek',
+            categorical: 'Categorisch',
+        },
         exportToPDF: 'Download bias analyse rapport als pdf',
         exportToJSON: 'Export clusters als json',
 
@@ -239,8 +243,7 @@ p-waarde : {{p_val}}
 `,
         },
         distribution: {
-            mainHeading:
-                '6. Verschil clusters mbt. eigenschappen',
+            mainHeading: '6. Verschil clusters mbt. eigenschappen',
             heading: '"{{variable}}" verdeling per cluster:',
         },
         splittingDataset: {

src/routes/BiasDetection.tsx

@@ -81,6 +81,7 @@ export default function BiasDetection() {
         dataType: 'numeric',
         higherIsBetter: false,
         isDemo: false,
+        dataTypeText: t(`biasSettings.dataType.numeric`),
     });
     const onFileLoad: (
         data: Record<string, string>[],
@@ -127,6 +128,7 @@ export default function BiasDetection() {
                     dataType: params.dataType,
                     higherIsBetter: params.higherIsBetter,
                     isDemo: params.isDemo,
+                    dataTypeText: params.dataTypeText,
                 },
             },
         });