Formatting changes experiment

application/frontend/src/pages/Explorer/visuals/force-graph/forceGraph.tsx

@@ -11,15 +11,15 @@ import { Checkbox, Form } from 'semantic-ui-react';
 export const ExplorerForceGraph = () => {
   const [graphData, setGraphData] = useState({
          nodes: [
-          {id:'core-requirements', name: 'Requirements', x: 10, y:-40},
-          {id:'core-design', name: 'Design' , x: 10, y:-20},
-          {id:'core-implementation', name: 'Implementation', x: 10, y: 0},
-          {id:'core-verification', name: 'Verification', x: 10, y: 20},
-          {id:'core-gap-evaluation', name: 'Policy gap evaluation', x: 10, y: 40},
-          {id:'core-metrics', name: 'Metrics', x: -10, y: 50},
-          {id:'core-training/education', name: 'Training/Education' , x: -10, y: 30},
-          {id:'core-culture', name: 'Culture' , x: -10, y: 10},
-          {id:'core-operation', name: 'Operation', x: -10, y: -10},
+          {id:'core-requirements', name: 'Requirements', fx: 15, fy:-80},
+          {id:'core-design', name: 'Design' , fx: 15, fy:-40},
+          {id:'core-implementation', name: 'Implementation', fx: 15, fy: 0},
+          {id:'core-verification', name: 'Verification', fx: 15, fy: 40},
+          {id:'core-gap-evaluation', name: 'Policy gap evaluation', fx: 15, fy: 80},
+          {id:'core-metrics', name: 'Metrics', fx: -15, fy: 100},
+          {id:'core-training/education', name: 'Training/Education' , fx: -15, fy: 60},
+          {id:'core-culture', name: 'Culture' , fx: -15, y: 20},
+          {id:'core-operation', name: 'Operation', fx: -15, y: -20},
           {id: 'skf', name: 'SKF'},
           {id: 'asvs', name: 'ASVS'},
           {id: 'wstg', name: 'WSTG'},