Skip to content

Latest commit

 

History

History
41 lines (29 loc) · 1.34 KB

File metadata and controls

41 lines (29 loc) · 1.34 KB

Building-a-Real-Time-Data-Visualization-Web-App-with-WebSocket-and-Syncfusion-React-Chart

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