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