---
title: Real-time and Integration Recipes
metaTitle: Real-time and Integration Recipes - JavaScript Data Grid | Handsontable
description: Practical recipes for real-time data updates and third-party integrations with Handsontable grids.
permalink: /recipes/real-time
canonicalUrl: /recipes/real-time
searchCategory: Recipes
hotPlugin: false
editLink: false
type: how-to
id: w4d6e8f0
react:
  id: x5e7f9g1
  metaTitle: Real-time and Integration Recipes - React Data Grid | Handsontable
angular:
  id: y6f8g0h2
  metaTitle: Real-time and Integration Recipes - Angular Data Grid | Handsontable
vue:
  id: g4d4zmrv
  metaTitle: Real-time and Integration Recipes - Vue Data Grid | Handsontable
---
[[toc]]

## Overview

This section provides practical recipes for pushing live data into Handsontable and connecting it to external services and visualization libraries. Each recipe includes a working example you can copy into your app.

## Available Recipes

Current recipes:

<div class="boxes-list">

- [Real-time cell updates via WebSocket](@/recipes/real-time/websocket-updates/websocket-updates.md)
- [Sync rows to a Chart.js chart](@/recipes/real-time/chartjs-sync/chartjs-sync.md)

</div>