This repository contains categorized sample applications that demonstrate how to use the Syncfusion EJ2 React Charts in real-world scenarios such as database connectivity, adaptor-based data binding, and backend service integration.
The ej2-react-charts-samples repository provides a collection of focused examples designed to help developers understand different data binding and integration patterns supported by the Syncfusion EJ2 React Charts component. Each sample is organized by scenario, making it easier to explore and learn specific approaches without unnecessary complexity.
The samples primarily focus on connecting the React Charts component with databases, adapters, and backend services commonly used in modern web applications. These examples are intended for developers who want practical references while building enterprise-grade React applications using Syncfusion components.
This section demonstrates how the EJ2 React Charts can be connected to various database technologies using different data access approaches. The samples include integrations with:
- Dapper
- SQLite
- Entity Framework
- Microsoft SQL Server (MSSQL)
- MySQL
- PostgreSQL
Each folder contains an isolated example showing how chart data is retrieved and visualized from the respective database source.
These samples showcase adaptor-based data binding techniques supported by the EJ2 React Charts. The available adaptor examples include:
- Custom Adaptor
- OData v4 Adaptor
- GraphQL Adaptor
- URL Adaptor
- Web API Adaptor
- Web Method Adaptor
These examples help demonstrate how the chart communicates with different data services and handles operations such as filtering, sorting, and dynamic data updates.
This section contains samples that integrate the React Charts with various backend frameworks and server technologies. The examples include:
- Custom binding
- Apollo GraphQL
- Django server
- Express server
- FastAPI server
- Flask API server
- GraphQL server
- Hot Chocolate server
- Next.js server
These samples illustrate end-to-end data flow between frontend React applications and backend services, showing how chart visualizations can be powered by different server-side stacks.
Each sample folder is self-contained. Navigate to the required sample directory, install dependencies, and run the application to see the EJ2 React Charts in action with the selected data source or backend.