This sample demonstrates an interactive shortest path algorithm visualization using the Syncfusion® EJ2 JavaScript Diagram component, featuring a dynamic graph where users select source and destination nodes to view animated optimal paths.
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.