Skip to content
Open
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
41 changes: 40 additions & 1 deletion README.md
Original file line number Diff line number Diff line change
@@ -1,2 +1,41 @@
# Building-a-Real-Time-Data-Visualization-Web-App-with-WebSocket-and-Syncfusion-React-Chart
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.

Repository Description: A compact example showing real-time data visualization using WebSocket and Syncfusion React Chart components.

Project Overview
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.

Features
- Real-time data streaming via WebSocket
- Live updates to a Syncfusion React Spline Chart
- Smooth animations and interactive chart controls

Prerequisites
- Node.js (recommended)

Installation
1. Install server dependencies and start the WebSocket server:

```
cd Server
npm install
node server.js
```

2. Install and run the React sample client:

```
cd "React Sample"
npm install
npm start
```

Usage
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.

Contributing
Contributions are welcome — suggested changes should align with the example's purpose: demonstrating real-time chart updates using WebSocket and Syncfusion React Chart.

License
Refer to the repository or project owner for license information.

Loading