diff --git a/sg-frontend/src/routes/SigmaCustom.svelte b/sg-frontend/src/routes/SigmaCustom.svelte
index 8e9d092281b10a869c0e09d382e4a182ff089dde..6a12081f4a31384da79ef68bde1ab111d845ca04 100644
--- a/sg-frontend/src/routes/SigmaCustom.svelte
+++ b/sg-frontend/src/routes/SigmaCustom.svelte
@@ -9,11 +9,13 @@ import forceAtlas2 from "graphology-layout-forceatlas2";
 import { EdgeDisplayData, NodeDisplayData } from "sigma/types";
 import ForceSupervisor from "graphology-layout-force/worker";
 
-import data from "./data.json";
 
   import { onMount } from 'svelte';
 
   onMount(() => {
+    fetch("http://localhost:8000/software-graph")
+    .then(response => response.json())
+    .then(data => {
 
 // Retrieve some useful DOM elements:
 const container = document.getElementById("sigma-container") as HTMLElement;
@@ -239,6 +241,8 @@ renderer.setSetting("edgeReducer", (edge, data) => {
   return res;
 });
 
+    });
+
 
   });
 
@@ -251,8 +255,13 @@ renderer.setSetting("edgeReducer", (edge, data) => {
 <div id="sigma-container" />
 
 <style>
-  #sigma-container {
-      width: 550px;
-      height: 450px;
-  }
+      html,
+      body,
+      #sigma-container {
+        width: 1000px;
+        height: 1000px;
+        margin: 0;
+        padding: 0;
+        overflow: hidden;
+      }
 </style>
\ No newline at end of file