Example of Shortest Path Visualization with Interactive Graph in ASP.NET Core Diagram Component
This sample demonstrates an interactive shortest path algorithm visualization using the ASP.NET Core Diagram component, featuring a dynamic graph where users select source and destination nodes to view animated optimal paths.
DEMO
SOURCE
Users can interactively find the shortest path by selecting a "source" node and hovering over a "destination". The optimal path is dynamically highlighted using animated, dashed connectors and numerical labels. Tooltip instantly display the path sequence or show a "No path found" warning. A toggle allows seamless switching between directed and undirected graph modes.