This sample demonstrates a healthcare appointment management ER diagram created using the Syncfusion® TypeScript 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.
This sample showcases how to create and interact with an ER diagram using the Syncfusion® TypeScript 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.