Skip to content

Commit ad10ffb

Browse files
committed
1022819: Updated readme file in this repo.
1 parent 83ca31d commit ad10ffb

1 file changed

Lines changed: 40 additions & 1 deletion

File tree

README.md

Lines changed: 40 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,2 +1,41 @@
11
# Building-a-Real-Time-Data-Visualization-Web-App-with-WebSocket-and-Syncfusion-React-Chart
2-
This example demonstrates how to integrate WebSocket with Syncfusion React Chart to create a real-time data visualization application. It dynamically streams live data from a WebSocket server, updates a Spline Chart in real-time, and enhances the user experience with smooth animations and interactive features.
2+
3+
Repository Description: A compact example showing real-time data visualization using WebSocket and Syncfusion React Chart components.
4+
5+
Project Overview
6+
This repository demonstrates integrating a WebSocket server with a Syncfusion React Spline Chart to stream and render live data in the browser. The sample focuses on low-latency updates, smooth chart animations, and interactive chart features to improve real-time monitoring and dashboards.
7+
8+
Features
9+
- Real-time data streaming via WebSocket
10+
- Live updates to a Syncfusion React Spline Chart
11+
- Smooth animations and interactive chart controls
12+
13+
Prerequisites
14+
- Node.js (recommended)
15+
16+
Installation
17+
1. Install server dependencies and start the WebSocket server:
18+
19+
```
20+
cd Server
21+
npm install
22+
node server.js
23+
```
24+
25+
2. Install and run the React sample client:
26+
27+
```
28+
cd "React Sample"
29+
npm install
30+
npm start
31+
```
32+
33+
Usage
34+
Open the React app in your browser (usually http://localhost:3000) while the WebSocket server is running to see live streaming data update the chart in real time.
35+
36+
Contributing
37+
Contributions are welcome — suggested changes should align with the example's purpose: demonstrating real-time chart updates using WebSocket and Syncfusion React Chart.
38+
39+
License
40+
Refer to the repository or project owner for license information.
41+

0 commit comments

Comments
 (0)