Fix/table barplot

fix https://app.asana.com/0/1206704175758242/1208699321615252

in addition include option to visualize Relationship

libs/shared/lib/vis/visualizations/tablevis/components/Table.tsx

@@ -147,7 +147,6 @@ export const Table = ({ data, itemsPerPage, showBarPlot, showAttributes, selecte
         data: [],
         numElements: 0,
       };
-
       if (
         firstRowData.type[dataColumn] === 'string' ||
         firstRowData.type[dataColumn] === 'date' ||
@@ -201,18 +200,31 @@ export const Table = ({ data, itemsPerPage, showBarPlot, showAttributes, selecte
 
         // number: float and int
       } else if (firstRowData.type[dataColumn] === 'int' || firstRowData.type[dataColumn] === 'float') {
-        categoryCounts = data.map((obj) => ({
-          category: 'placeholder', // add something
-          count: obj.attribute[dataColumn] as number, // fill values of data
-        }));
+        const isArrayOfFloats =
+          Array.isArray(data[0].attribute[dataColumn]) && data[0].attribute[dataColumn].every((val) => typeof val === 'number');
 
-        newData2Render.numElements = categoryCounts.length;
-        newData2Render.data = categoryCounts;
-        newData2Render.showBarPlot = true;
+        if (!isArrayOfFloats) {
+          categoryCounts = data.map((obj) => ({
+            category: 'placeholder', // add something
+            count: obj.attribute[dataColumn] as number, // fill values of data
+          }));
+
+          newData2Render.numElements = categoryCounts.length;
+          newData2Render.data = categoryCounts;
+          newData2Render.showBarPlot = true;
+        } else {
+          const groupedData = group(data, (d) => (d.attribute[dataColumn] as any)?.[0]);
+          categoryCounts = Array.from(groupedData, ([category, items]) => ({
+            category: category as string,
+            count: items.length,
+          }));
+
+          newData2Render.numElements = categoryCounts.length;
+          newData2Render.showBarPlot = false;
+        }
       } else {
         // there is also array type, when considering labels
         const groupedData = group(data, (d) => (d.attribute[dataColumn] as any)?.[0]);
-
         categoryCounts = Array.from(groupedData, ([category, items]) => ({
           category: category as string,
           count: items.length,
@@ -224,7 +236,6 @@ export const Table = ({ data, itemsPerPage, showBarPlot, showAttributes, selecte
 
       return newData2Render;
     });
-
     const _data2RenderSorted = _data2Render.sort((a, b) => a.name.localeCompare(b.name));
     setData2Render(_data2RenderSorted);
   }, [currentPage, data, sortedData, selectedEntity, maxBarsCount, showAttributes]);