Blazor Diagram Examples

A comprehensive collection of demo applications and sample projects showcasing the features and capabilities of the Blazor Diagram component built with Syncfusion.

Project Overview

This repository provides a wide range of examples demonstrating how to integrate and use the Blazor Diagram component in real-world scenarios. The samples cover everything from basic node and connector usage to advanced features such as data binding, layout algorithms, symbol palettes, and BPMN diagrams.

Features

• Interactive diagram creation with nodes and connectors
• Symbol palette integration for drag-and-drop support
• Automatic layout algorithms (Flowchart, Mind map, Radial, Hierarchical, Complex Hierarchical, Organizational, Force-Directed)
• Data binding and dynamic diagram updates
• Export diagrams to jpeg, png, svg and pdf file formats
• BPMN diagram support
• Custom node templates using HTML
• Serialization and deserialization (JSON)
• UML sequence and activity diagrams
• Zooming, panning, and printing support

Prerequisites

• Visual Studio 2022
• .NET 8.0 or later
• Syncfusion Blazor NuGet packages

How to Run the Project

1. Checkout this repository to a location on your disk.
2. Open the solution file using Visual Studio 2022.
3. Restore the NuGet packages by rebuilding the solution.
4. Run the project.

Additional Resources

• Syncfusion Blazor Diagram Documentation
• Syncfusion Blazor Demos