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

Example of ER Diagram in ASP.NET Core Diagram Control

This sample demonstrates a healthcare appointment management ER diagram created using the ASP.NET Core Diagram. It visualizes how core entities such as doctors, patients, appointments, diagnoses, and prescriptions are structured and interconnected in a real-world hospital database system.

DEMO
SOURCE

This sample showcases how to create and interact with an ER diagram using the ASP.NET Core Diagram. The diagram is built using nodes of type: 'Er' to represent database entities and their fields, while connectors define relationships with cardinality between entities.

User handles allow adding or removing fields within entities. When an entity node is selected, a “+” handle appears, enabling the addition of new fields. These fields can then be interactively reordered using drag‑and‑drop actions. When an individual field is selected, a “−” handle is displayed to remove that specific field. The diagram supports built‑in interactions such as selecting entities and editing their fields.


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