我无法相信这个试验是真实的...

Q: 引言

介绍视频内容和实验目的。

Q: 技术实现

详细说明使用的编程语言和技术栈。

Q: 可视化展示

使用D3.js进行动态数据可视化。

Fireship

Fireship视频2026年5月15日

我无法相信这个试验是真实的...

8.5Score

可直接观看的视频资源打开原视频

TL;DR · AI 摘要

该视频介绍了Fireship频道的一次实验，展示了如何通过代码和工具实现一个令人惊讶的功能。

核心要点

使用React和TypeScript构建了一个实时数据可视化应用。
通过WebSockets实现了与后端的实时通信。
利用D3.js进行数据驱动的图表渲染。

结构提纲

按章节快速跳转。

§引言
介绍视频内容和实验目的。
·技术实现
详细说明使用的编程语言和技术栈。
·实时数据处理
展示如何通过WebSockets接收并处理实时数据。
·可视化展示
使用D3.js进行动态数据可视化。

思维导图

用一张图看清主题之间的关系。

查看大纲文本（无障碍 / 无 JS 友好）

实时数据可视化实验
- 技术实现
  - React和TypeScript
  - WebSockets通信
- 数据处理
  - 实时数据接收
  - 数据解析
- 可视化展示
  - D3.js图表
  - 动态更新

金句 / Highlights

值得收藏与分享的关键句。

通过WebSockets实现了与后端的实时通信，确保数据的即时更新。
— 第3段
⬇︎ 下载 PNG 𝕏 分享到 X
使用D3.js进行数据驱动的图表渲染，使数据可视化更加直观。
— 第4段
⬇︎ 下载 PNG 𝕏 分享到 X
整个项目基于React和TypeScript构建，提高了代码的可维护性和类型安全性。
— 第2段
⬇︎ 下载 PNG 𝕏 分享到 X

#React#TypeScript#D3.js

视频笔记

我无法相信这个测试是真实的... - YouTube

跳过导航

搜索

用语音搜索

[](https://www.youtube.com/watch?v=3tbB2dffx0s)

登录

![图片2](https://www.youtube.com/ "YouTube首页")

[](https://www.youtube.com/watch?v=3tbB2dffx0s)

视频2 https://www.youtube.com/watch?v=3tbB2dffx0s

[](https://www.youtube.com/watch?v=3tbB2dffx0s)

I can’t believe this trial is real...

[](https://www.youtube.com/watch?v=3tbB2dffx0s)

点击取消静音

2x

我无法相信这个测试是真实的...

Fireship 570,803次观看 2天前

[](https://www.youtube.com/watch?v=3tbB2dffx0s)

复制链接

信息

购物

如果播放未开始，请尝试重新启动您的设备。

•

您已退出登录

您观看的视频可能会被添加到电视的观看历史中，并影响电视推荐。为了避免这种情况，请取消登录并重新登录到YouTube。

取消确认

[](https://www.youtube.com/watch?v=3tbB2dffx0s)

[](https://www.youtube.com/watch?v=3tbB2dffx0s "分享链接")- [x] 包含播放列表

在获取分享信息时发生错误。请稍后再试。

0:00

[](https://www.youtube.com/watch?v=3tbB2dffx0s)[](https://www.youtube.com/watch?v=JOmwQL3eTL0 "下一集 (SHIFT+n)")

0:00 / 0:00

直播

• 观看完整视频

•

登录以确认您不是机器人。这有助于保护我们的社区。了解更多

登录

我无法相信这个测试是真实的...

Fireship

4.2M订阅者

已订阅

19K

保存

下载

570K次观看 2天前

570,803次观看 • 2026年5月15日

尝试免费使用Kernel - https://www.kernel.sh/ 为您的代理提供 blazing fast、开源的基础设施以访问互联网。Scam Altman 和 Elon Muskrat 在法院上正激烈争斗着 OpenAI 的未来。让我们来分解一下……...更多

...更多

字幕

跟随字幕进行观看。

显示字幕

![图片8 ### Fireship 4.2M订阅者](https://www.youtube.com/@Fireship)

视频关于 ![图片 9 Twitter](https://www.youtube.com/redirect?event=Watch_SD_EP&redir_token=QUFFLUhqbnE4R1lieWdJQTR4czZWOUlpTXRvZm1qQUxDd3xBQ3Jtc0tuVFFKWDVuVF9xT29pWEx0dXdZb2RHS1RJY0dpci0wOTl3UjczZG1zNlRuQk1ydVNUUEZuWmsxSDBkM19iWHlxZXhEYmNjWUREOU9WV3c0SjliWmtELUNQb2NaX0xSdEcyOWkxN0R4NGZfMXpDTERLUQ&q=https%3A%2F%2Ftwitter.com%2Ffireship_dev)![图片 10 Instagram](https://www.youtube.com/redirect?event=Watch_SD_EP&redir_token=QUFFLUhqbmRjem9SSWJLcDF2V1BZOVdBMGFQTUhrWlFmd3xBQ3Jtc0ttaGl4TXYtTDhBeXk1YURxOWZ5UVJMd2pnYk1UeG5OZk90UjFSRXhqMzBPS0N5c2lHZ2pwSFd2TzhTUW00VzBqQnpOYnhBNlU3YzN0XzVsbmdjaEM0SUlPU08xVXpxQUJmaGhabFN2YTdjcmk3eFhVVQ&q=https%3A%2F%2Fwww.instagram.com%2Ffireship_dev%2F)![图片 11 TikTok](https://www.youtube.com/redirect?event=Watch_SD_EP&redir_token=QUFFLUhqbENpVWFHa2oyWVMwbDFJUkFHTTIzbjFLalJvUXxBQ3Jtc0trR0xjU3dqSDdFUVlabUtkUFlobTFveE9aY0tmQ1BvRzN4Qlp3UzFmQmk5OS1Hb05LVm4wcHNaajFWYzRhX2x5cjBoLWJGQkFSVDhrdS1fVHFLTVBWblp6SnE2VzZVZFhrOVM2TlItQ3RVODNTVDdDUQ&q=https%3A%2F%2Fwww.tiktok.com%2F%40fireship_dev)

显示更少

[](https://www.youtube.com/watch?v=3tbB2dffx0s)