18、流式数据可视化：从 ECG 到随机流图的实现

流式数据可视化：从 ECG 到随机流图的实现

在数据可视化领域，流式数据的处理和展示是一个重要的课题。本文将详细介绍如何搭建 WebSocket 服务器来处理流式数据，并使用 D3 库进行可视化，包括 ECG 和呼吸信息的折线图以及随机数据驱动的流图。

1. 搭建 WebSocket 服务器

我们使用一个简单的 Node.js 脚本来搭建 WebSocket 服务器。具体步骤如下：
1. 安装依赖 ：移动到 <DVD3>/chapter-06/bin 目录，运行 npm install 命令，这将安装我们要使用的 WebSocket 库。
2. 启动服务器 ：在该目录下，有一个名为 server-hr.js 的脚本，可用于启动 WebSocket 服务器。这个简单的服务器接受几个参数：
- fileName ：第一个参数是使用 rdsamp 命令创建的文件。
- sendInterval ：指定发送数据的频率。如果要实现实时表示，应使用 4 ms 的 sendInterval （即 250 Hz）。
- toSkip ：设置要跳过的记录数。例如，如果设置 sendInterval 为 8 ms，则应跳过每隔一条记录，以便前端接收到的数据具有正确的时间尺度。

以下是服务器的代码：