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
• npm install
• npm run dev

注意事項

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

资源汇总

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