From ad10ffb6bd7f5b2b7e2238559a84524caf610516 Mon Sep 17 00:00:00 2001 From: YokeshSF4393 Date: Wed, 22 Apr 2026 20:00:54 +0530 Subject: [PATCH] 1022819: Updated readme file in this repo. --- README.md | 41 ++++++++++++++++++++++++++++++++++++++++- 1 file changed, 40 insertions(+), 1 deletion(-) diff --git a/README.md b/README.md index 43248d6..28e80d4 100644 --- a/README.md +++ b/README.md @@ -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. +