• Material 3
  • Fluent
  • Fluent 2
  • Bootstrap 5
  • Tailwind CSS
  • High Contrast
  • Fluent 2 High Contrast
Preferences
Mode Selection
Touch
Mouse
Theme Selection
Theme Mode
Localization
*Translated by Google Translator.
Currency

Example of Shortest Path Visualizer in ASP.NET Core Diagram Control

This sample demonstrates an interactive shortest path algorithm visualization using the Syncfusion® 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.

Transform your ASP.NET Core web apps today with Syncfusion® ASP.NET Core components
100+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE
opens in a new tab