Getting Started With EJ2 Diagram Samples
This repository demonstrates the usage of Syncfusion EJ2 Diagram components across multiple frameworks (ASP.NET Core, React, and Angular). Each example showcases different aspects of the diagram component's capabilities and implementation patterns.
Prerequisites
- .NET SDK 6.0 or 8.0 (for ASP.NET Core)
- Node.js LTS and npm (for React/Angular)
- Modern web browser
Getting Started
Clone the repository
git clone <repo-url>
cd ej2-web-diagram-examples
Replace <repo-url> with the repository URL. Each sample is contained in its own directory with independent dependencies and configurations.
ASP.NET Core Sample (Convert to PPTX)
The ASP.NET Core sample demonstrates diagram-to-PowerPoint conversion capabilities:
cd ConvertDiagramToPPTX
dotnet run -p ConvertDiagramToPPTX.Net8.csproj
Access the application at https://localhost:5001 to explore the interactive diagram editor and try the PPTX export feature. The sample includes pre-configured diagram templates and export options.
React Flowchart Sample
The React implementation showcases advanced flowchart layouts and customization:
cd React/Flowchart-layout
npm install
npm start
View the flowchart demo at http://localhost:3000. Experiment with different layout options, node connections, and styling capabilities.
Angular Sample
The Angular sample demonstrates TypeScript integration and component architecture:
cd Angular/Flowchart-layout
npm install
npm start
Access the Angular implementation at http://localhost:4200 to explore component-based diagram development.
Production Build
For React/Angular samples:
npm run build
Documentation
