Steam Log Visualizer：一键可视化你的每日游戏时长，发现“时间都去哪儿了”

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 体验感兴趣的开发者与设计师。

Steam Log Visualizer访问与源码

在线使用：https://vauxe.github.io/steam-log-visualizer/

项目源码：https://github.com/vauxe/steam-log-visualizer/