Merge pull request #9 from NGO-Algorithm-Audit/feature/dropdown-menu-for-export-and-pdf-download

Feature/dropdown menu for export and pdf download

Author: devhelpr

package-lock.json

@@ -19,6 +19,7 @@
         "@radix-ui/react-accordion": "^1.2.1",
         "@radix-ui/react-checkbox": "^1.1.2",
         "@radix-ui/react-dialog": "^1.1.2",
+        "@radix-ui/react-dropdown-menu": "^2.1.2",
         "@radix-ui/react-icons": "^1.3.0",
         "@radix-ui/react-label": "^2.1.0",
         "@radix-ui/react-popover": "^1.1.2",

package.json

@@ -41,10 +41,10 @@ start = time.time()
 
 from js import data
 from js import setResult
-from js import dataType
 from js import isDemo
 from js import sdgMethod
 from js import samples
+from js import setOutputData
 
 INIT_STEP = 'init'
 PROCESSOR_STEP = 'processor'
@@ -592,6 +592,9 @@ def run():
     print("Original Data (first 5 rows):", real_data.head())
     print("Synthetic Data (first 5 rows):", synthetic_data.head())
 
+    setOutputData("syntheticData", synthetic_data.to_json(orient='records'))
+
+
     results = run_diagnostic(real_data, synthetic_data, target_column='gpa')  
     print('Results:', results)
     setResult(json.dumps(

src/assets/synthetic-data.tsx

@@ -8,11 +8,11 @@ import { zodResolver } from '@hookform/resolvers/zod';
 import { Form, FormControl, FormField, FormItem, FormLabel } from './ui/form';
 import { Card, CardDescription, CardHeader, CardTitle } from './ui/card';
 import Papa from 'papaparse';
-import { SyntheticDataParameters } from './synthetic-data-interfaces/BiasDetectionParameters';
 import { useTranslation } from 'react-i18next';
 import { RadioGroup, RadioGroupItem } from './ui/radio-group';
 import { Slider } from './ui/slider';
 import { Label } from './ui/label';
+import { SyntheticDataParameters } from './synthetic-data-interfaces/SyntheticDataParameters';
 
 const createFormSchema = (t: (key: string) => string) =>
     z.object({
@@ -99,7 +99,6 @@ export default function BiasSettings({
 
     const onSubmit = (data: z.infer<typeof FormSchema>) => {
         onRun({
-            dataType: 'numeric',
             isDemo: false,
             sdgMethod: data.sdgMethod,
             samples: outputSamples[0],

src/components/SyntheticDataSettings.tsx

@@ -42,7 +42,7 @@ const HeatMapChart = ({ title, data }: HeatMapChartProps) => {
         const colorScale = d3
             .scaleSequential()
             .domain([-1, 1])
-            .interpolator(d3.interpolateBlues);
+            .interpolator(d3.interpolateRdYlBu);
 
         const domain = colorScale.domain();
 

src/components/graphs/HeatMap.tsx

@@ -1,5 +1,4 @@
 export interface SyntheticDataParameters {
-    dataType: string;
     isDemo: boolean;
     sdgMethod: string;
     samples: number;

…ta-interfaces/BiasDetectionParameters.ts …ta-interfaces/SyntheticDataParameters.tssrc/components/synthetic-data-interfaces/BiasDetectionParameters.ts renamed to src/components/synthetic-data-interfaces/SyntheticDataParameters.ts src/components/synthetic-data-interfaces/BiasDetectionParameters.ts renamed to src/components/synthetic-data-interfaces/SyntheticDataParameters.ts

@@ -1,6 +1,7 @@
 export interface SyntheticDataInfo {
-    dataType: string;
     isDemo: boolean;
     sdgMethod: string;
     samples: number;
+    syntheticData: object;
+    date: Date;
 }