for some reason didnt commit this...

pom.xml

@@ -15,6 +15,27 @@
     </properties>
 
     <dependencies>
+        <dependency>
+            <groupId>org.openjfx</groupId>
+            <artifactId>javafx-controls</artifactId>
+            <version>22.0.2</version>
+        </dependency>
+        <dependency>
+            <groupId>org.openjfx</groupId>
+            <artifactId>javafx-swing</artifactId>
+            <version>24</version>
+        </dependency>
+        <dependency>
+            <groupId>org.graphstream</groupId>
+            <artifactId>gs-core</artifactId>
+            <version>2.0</version>
+        </dependency>
+
+        <dependency>
+            <groupId>org.graphstream</groupId>
+            <artifactId>gs-ui-javafx</artifactId>
+            <version>2.0</version>
+        </dependency>
         <dependency>
             <groupId>org.openjfx</groupId>
             <artifactId>javafx-controls</artifactId>

src/main/java/module-info.java

@@ -4,6 +4,8 @@ module dev.ksan.travelpathoptimizer {
   requires java.desktop;
   requires javafx.graphics;
   requires javafx.base;
+  requires gs.core;
+  requires gs.ui.javafx;
 
   opens dev.ksan.travelpathoptimizer to
       javafx.fxml;
@@ -34,8 +36,10 @@ module dev.ksan.travelpathoptimizer {
   opens dev.ksan.travelpathoptimizer.service to
       javafx.fxml;
 
-  exports dev.ksan.travelpathoptimizer.graph;
+  exports dev.ksan.travelpathoptimizer.graphSimulation;
 
-  opens dev.ksan.travelpathoptimizer.graph to
+  opens dev.ksan.travelpathoptimizer.graphSimulation to
       javafx.fxml;
+
+  exports dev.ksan.travelpathoptimizer.visualize to javafx.graphics;
 }

src/main/resources/dev/ksan/travelpathoptimizer/app/application.css

@@ -39,3 +39,8 @@
     -fx-font-size: 18;
     -fx-underline: true;
 }
+
+graphPane{
+    -fx-background-color: red;
+}
+

src/main/resources/dev/ksan/travelpathoptimizer/app/main.fxml

@@ -43,7 +43,7 @@
                      <Label style="-fx-font-size: 20px; -fx-text-fill: gray;" text="|" />
                      <Button fx:id="headerButton2" text="Button" />
                      <Label style="-fx-font-size: 20px; -fx-text-fill: gray;" text="|" />
-                     <Button fx:id="headerButton3" text="Button" />
+                     <Button fx:id="headerButton3" onAction="#showGraph" text="Button" />
                  </children>
              </HBox>
          </children></HBox>
@@ -177,6 +177,7 @@
                   </Button>
                </children>
             </VBox>
+            <HBox fx:id="graphPane" managed="true" maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308" minHeight="-Infinity" visible="false" />
             <GridPane fx:id="map" alignment="CENTER" gridLinesVisible="true" maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308" HBox.hgrow="ALWAYS">
               <columnConstraints>
                 <ColumnConstraints hgrow="SOMETIMES" minWidth="10.0" prefWidth="100.0" />
@@ -191,6 +192,7 @@
                   <Insets bottom="10.0" left="10.0" right="10.0" top="10.0" />
                </padding>
             </GridPane>
+
             <VBox fx:id="randomSideBar" managed="false" maxHeight="1.7976931348623157E308" prefHeight="354.0" prefWidth="150.0" visible="false" />
          </children>
          <VBox.margin>