docs: update visualizer docs (#57)

Signed-off-by: jaapschoutenalliander <[email protected]>

Author: jaapschoutenalliander

README.md

@@ -41,6 +41,9 @@ Some highlighted features:
   can be used to analyze the network.
 - An interface to model network mutations which is useful in
   simulation use-cases.
+- Visualization for easy exploration and debugging.
+
+<img width="40%" alt="Grid Visualisation" src="docs/_static/grid-force-directed.png" />
 
 See the [power-grid-model-ds documentation](https://power-grid-model-ds.readthedocs.io/en/stable/) for more information.
 

docs/_static/grid-force-directed.png

@@ -0,0 +1,3 @@
+SPDX-FileCopyrightText: Contributors to the Power Grid Model project <[email protected]>
+
+SPDX-License-Identifier: MPL-2.0

docs/_static/grid-force-directed.png.license

@@ -0,0 +1,3 @@
+SPDX-FileCopyrightText: Contributors to the Power Grid Model project <[email protected]>
+
+SPDX-License-Identifier: MPL-2.0

docs/_static/grid-hierarchical.png

@@ -0,0 +1,3 @@
+SPDX-FileCopyrightText: Contributors to the Power Grid Model project <[email protected]>
+
+SPDX-License-Identifier: MPL-2.0

docs/_static/grid-hierarchical.png.license

@@ -16,7 +16,7 @@ SPDX-License-Identifier: MPL-2.0
 
 With Coordinates    | Hierarchical | Force-Directed
 :------------------:|:------------:|:-------------:
-<img width="250" alt="Coordinates" src="https://github.com/user-attachments/assets/6f991cb1-08b4-4c4b-8adc-eed36f58db40" /> | <img width="250" alt="Hierarchical" src="https://github.com/user-attachments/assets/0cf5684d-fb7c-4920-92b8-1e49bc827a92" />      |   <img width="250" alt="Force-Directed" src="https://github.com/user-attachments/assets/f0167ded-ceb4-4a31-a91e-e029dd6d7f13" />
+<img width="250" alt="Coordinates" src="_static/grid-with-coordinates.png" /> | <img width="250" alt="Hierarchical" src="_static/grid-hierarchical.png" />      |   <img width="250" alt="Force-Directed" src="_static/grid-force-directed.png" />
 
 ----- 
 ## Quickstart