ARTICLE · INTELLIGENCE

战地情报 · 详情页

来自尧图项目组的一线实战观察与深度解析

f1-dash:实时 F1 赛事数据看板与本地运行指南

f1-dash:实时 F1 赛事数据看板与本地运行指南

f1-dash:实时 F1 赛事数据看板与本地运行指南

【免费下载链接】f1-dashA real-time F1 dashboard项目地址: https://gitcode.com/GitHub_Trending/f1/f1-dash

f1-dash 是一款实时 F1 赛事数据看板,面向想在看比赛时看清每辆车状态的 F1 车迷。它把领先榜、轮胎、圈速差距与小赛段整合成实时 F1 数据,也可以在你自己的机器上本地部署。

功能一览:实时 F1 数据看什么

  • 实时领先榜:比赛中各车手的排名与差距持续刷新
  • 轮胎状态:每辆车的当前轮胎类型与换胎记录
  • 圈速差距与小赛段:查看 F1 圈速差距,细到单圈三个赛段的快慢
  • 赛事控制信息:赛会消息与赛道黄旗、红旗状态同步展示
  • 赛季赛程:本年度全部比赛的时间安排与下一站倒计时

快速上手:跑一个本地 F1 仪表盘

先装好 Node.js(含 yarn)与 Rust(cargo)。拉取代码只需一条命令:git clone https://gitcode.com/GitHub_Trending/f1/f1-dash。然后复制.env.example为.env,在dash/目录执行yarn dev启动前端,再用cargo r -p live和cargo r -p api启动两个后端。浏览器打开 localhost:3000,看到榜单在刷新就成功了;完整的 F1 赛事数据本地部署方式,包括非比赛时段回放历史比赛,见 CONTRIBUTING.md。

它是怎么跑起来的

数据源是 F1 官方的 websocket 数据通道。Rust 编写的 live 服务连上它之后维护一场比赛的完整状态快照,通过 SSE 推给前端,后续只转发增量更新。api 服务则负责把官方 ical 日历文件解析成赛季赛程。前端是 Next.js + React 应用,订阅这些数据流后渲染出榜单、轮胎与差距图表。

适合什么场景

  • 直播观赛时:和好友一起看比赛,屏幕上顺手盯着进站时机与 DRS 这类策略信号
  • 赛后复盘时:用 simulator 回放当天保存的数据,回看每位车手的轮胎策略
  • 学习教学时:作为数据可视化实例,观察原始遥测数据如何一步步变成仪表盘

仓库里还藏着什么

crates/saver子模块在比赛直播时把实时数据落成文件;crates/simulator能把这份录音文件逐行重放成模拟的 websocket 数据源,让你在没有比赛的日子里也能完整测试看板。

想动手的话,先照着 CONTRIBUTING.md 里的本地开发流程把 simulator 跑起来。

【免费下载链接】f1-dashA real-time F1 dashboard项目地址: https://gitcode.com/GitHub_Trending/f1/f1-dash

创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考

RELATED READING

延伸阅读

更多一线实战笔记与深度复盘,助您持续精进