Steam Log Visualizer：将游戏时长转化为可视化图表，量化你的数字娱乐足迹

Steam Log Visualizer：让你的 Steam 游戏时长可视化

想要知道自己的游戏时间究竟花在了哪里？Steam Log Visualizer 是一款基于浏览器的轻量化工具，它能够解析 Steam 客户端的本地日志，将枯燥的文本记录还原为直观的游戏会话时间线。用户只需将日志文件导入页面，即可快速生成交互式图表，清晰地审视每日的游玩分布。

核心功能亮点

• 隐私至上，本地解析 ：所有数据处理均在浏览器端完成，无需上传至服务器，确保个人游戏记录的绝对私密。
• 会话重构与时长统计 ：程序通过分析日志，自动聚合每日及特定区间的游玩时长，将碎片化的记录转化为结构化的时间线。
• 多维度交互图表 ：支持通过交互式界面快速查询“单日最高时长”或“近期游戏趋势”。
• Three.js 驱动的点云探索 ：内置 Star Map 模式，利用 web/public/data/steam_dataset.csv 数据集，以 3D 点云形式呈现 Steam 标题库，支持缩放、旋转与筛选。
• 即开即用 ：项目托管于 GitHub Pages，无需安装即可在浏览器中直接体验。

快速上手指南

1. 在线体验

直接访问演示地址：https://vauxe.github.io/steam-log-visualizer/

进入页面后，将本地的 connection_log.txt 与 content_log.txt 两个文件拖入上传区域，系统将立即生成可视化图表。

2. 查找日志文件

根据你的操作系统，在以下路径中寻找最新的日志文件：

• Windows：%ProgramFiles(x86)%/Steam/logs/
• macOS：~/Library/Application Support/Steam/logs/
• Linux：~/.steam/steam/logs/

3. 本地开发部署

如果你希望在本地运行或修改源码，请确保环境安装了 Node.js 18+ 及 npm 9+，然后执行以下命令：

• git clone <repo-url>
• npm install
• npm run dev

注意事项

由于 Steam 客户端对日志文件设有大小限制且会进行轮转（Rotation），过早的游戏记录可能会被系统截断。因此，可视化工具所能追溯的时间范围取决于你本地日志文件的实际保留情况。

资源汇总

• 在线体验 ：https://vauxe.github.io/steam-log-visualizer/
• 项目源码 ：https://github.com/vauxe/steam-log-visualizer/