Projects · Code HOME GITHUB LINKEDIN BEHANCE

CS2 Demo Viewer, Analytics dissected.

A local-first web app for parsing and visualizing Counter-Strike 2 .dem files. No cloud, no accounts — queue the demos up, and the browser does the rest.

P.01 ACTIVE · 2026 —
REPLAYTICK-BY-TICK
PLAYBACK1× — 8×
STACKPY · JS · REACT 19
UPLOADS≤ 512 MB
DATABASE9 TABLES
STATUSEXPANDING

CS2 Demo Viewer

github.com/DerKysersoze/cs2demoviewer_noface

Upload a .dem — or a queue of them, up to 512 MB each — replay fights on an interactive minimap, dissect aim stats, browse player loadouts, and poke the raw data in a built-in SQL admin. No cloud, no accounts. A local analytic tool with a rich feature set, still expanding.

CS2 Demo Viewer — 2D replay of an active fight on the minimap CS2 Demo Viewer — 2D replay panel with minimap and playback controls CS2 Demo Viewer — aim breakdown with hit-location and per-weapon tables CS2 Demo Viewer — player loadout with agent and weapon skins
FIG. 01 — 2D REPLAY · MIDROUND FIGHTTICK-BY-TICK FIG. 02 — 2D REPLAY · MIDROUNDMINIMAP · CONTROLS FIG. 03 — AIM · BREAKDOWNHIT-LOCATION · PER-WEAPON FIG. 04 — LOADOUT · T / CTAGENT + SKINS

2D Replay

  • Step through any round tick-by-tick on an accurate minimap
  • Live player positions — color-coded, name & HP bars
  • Shot tracers + timestamped kill feed, per tick
  • Play / pause / step · 1×–8× · round scrubber · zoom & pan

Aim Breakdown

  • Shots · hits · ACC% · damage · HS% · kills · assists
  • Hit-location chart — head to legs
  • Per-weapon table: ACC · DMG · AVG DMG · kills
  • Weapon categories, color-coded

Loadout

  • Agent skin — full render as equipped
  • Weapon skins: collection, wear tier, float value
  • StatTrak™ badge where applicable
  • T / CT side toggle
PARSERAWPY
BACKENDFLASK + SQLITE
FRONTENDREACT 19 + VITE
MAP RENDERHTML5 CANVAS
UNDER THE HOOD
PIPELINEDRAG-DROP QUEUE + HISTORY
UPLOADS≤ 512 MB PER DEMO
DATABASE9 TABLES · ZERO SETUP
MAPSRADAR IMAGES · AUTO-FETCH
ASSETSSKIN + AGENT IMAGES · AUTO
ADMINSQL PANEL + SCHEMA MAP
VIEW THE REPO → GITHUB / DERKYSERSOZE
02 MORE VIEWS

Same demo, three lenses.

Replay, aim, loadout — one upload, three ways to read a match.

2D replay panel with minimap and playback controls
REPLAYMIDROUND
Aim breakdown with hit-location and per-weapon tables
AIMBREAKDOWN
Player loadout with agent and weapon skins
LOADOUTT / CT
03 THE BENCH

Next up in the pipeline

P.02 · IN THE WORKSHOP

Visual timeline — in the works

The next cut of the viewer is on the bench (branch: Bleeding-edge-visual_timeline-enh). It gets the same treatment — build, dissect, ship — the moment it's real.

PATTERN

Why I build

Tools for problems I actually have. The day job is fixing other people's breaks; this side is making my own — and documenting the whole stack while I'm at it.

04 · BACK
← BACK TO THE PORTFOLIO LINKEDIN → BEHANCE →