帮助构建javascript可视化应用程序

我正在使用在页面上的画布元素上绘制一些矢量图形

我想在我运行的另一个网站上发生事件时，以某种方式实时更新页面上的图形

例如，当有人在另一个站点上使用搜索工具时，我希望它在我的画布上显示出来。这是一种事件可视化练习。不同的事件将触发画布上不同视觉效果的创建

我的问题是如何构造应用程序。据我所知，有两种方法

将事件保存在数据库中的某个位置，使用ajax请求进行canvas应用程序查询，并将其添加到页面中。（我看到了这个拉力）

让事件以某种方式将数据发送到正在侦听传入请求的canvas应用程序（我将其视为PUSH）

我想使用选项2，因为我不想开始在数据库中存储东西，然后再处理使用队列的问题。我想如果能在事情发生的时候把东西送到画布上就更好了

---

是否有人对此有任何建议，以及我如何使用JS监听传入的请求。这可能吗

听起来你想看看，一种允许web服务器将数据推送到浏览器的技术。

#2不可能使用javascript。