# Updating Charts at Real-Time with WebSocket API

 This Kendo UI for Angular sample project demonstrates how to update the [Charts](https://www.telerik.com/kendo-angular-ui/components/charts/) at real-time by using [WebSocket API](https://developer.mozilla.org/en-US/docs/Web/API/WebSockets_API).

 The demo is referred to in the [Kendo UI for Angular official documentation](https://www.telerik.com/kendo-angular-ui/components) in the article on [using Kendo UI for Angular Charts with WebSockets](https://www.telerik.com/kendo-angular-ui/components/charts/how-to/bind-to-websockets/).

## Getting Started

1. Clone this repository by using your favorite Git client or by executing `git clone https://github.com/telerik/kendo-angular.git`.
1. Enter the `examples` directory by running `cd examples`.
1. Run `npm install` to install the project dependencies.
1. Enter the project directory by running `cd projects/chart-websockets`.
1. In a separate terminal window, set up and run the server as outlined in the following section.
1. Run `ng serve chart-websockets`.
1. Open http://localhost:4200.

## Setting Up the Server

The `server` folder contains a WebSocket server which is implemented with Express.

To start the server:

1. Run `cd server`.
1. Run `npm install`.
1. Run `npm start`.
