爱站程序员基地
Steam Log Visualizer简介
Steam Log Visualizer 是一款基于浏览器的可视化面板，用于解析个人 Steam 客户端日志并还原游戏会话。将
connection_log.txt
与
content_log.txt
拖入页面或通过文件选择器导入，程序在本地重建会话、汇总游玩时长，并以交互式图表呈现每日游戏时间线。数据不上传服务器，隐私安全。
Steam Log Visualizer核心功能
-
本地解析与隐私保护
：所有计算在浏览器端完成，不触网上传。 -
会话重建与时长统计
：从日志重构游戏会话，聚合每日、区间游玩时长。 -
交互式图表
：直观查看“今天玩了多久”“哪天玩得最多”等。 -
Star Map 点云探索
：Three.js 渲染 Steam 标题点云，基于项目自带数据集
web/public/data/steam_dataset.csv
，可旋转、缩放与筛选。 -
轻量部署
：项目托管于 GitHub Pages，打开链接即可体验。 -
已知限制
：Steam 日志存在大小/轮转限制，过早的记录可能被截断，可查看的时间范围以本地日志保留为准。
Steam Log Visualizer快速上手
在线体验
-
演示地址：
https://vauxe.github.io/steam-log-visualizer/
-
打开页面，拖拽
connection_log.txt
与
content_log.txt
到上传区域，图表即时生成。
日志文件位置
-
Windows
：
%ProgramFiles(x86)%/Steam/logs/
-
macOS
：
~/Library/Application Support/Steam/logs/
-
Linux
：
~/.steam/steam/logs/
选择该目录下最新的
connection_log.txt
与
content_log.txt
进行导入。
本地开发/运行
-
环境需求
：Node.js 18+，npm 9+（Node 18+ 自带） -
步骤
：-
git clone <repo-url>
-
npm install
-
npm run dev
-
适用人群与场景
- 想搞清“时间去哪了”的 Steam 玩家。
- 需要复盘游戏习惯、规划娱乐时间的自律用户。
- 对数据可视化、有趣交互与 Three.js 体验感兴趣的开发者与设计师。
