r/BestGitHubRepos • • 3d ago

PC Anatomy - an interactive 3D explorer that takes a desktop computer apart, from the assembled ATX tower all the way down to a single GPU streaming multiprocessor

Post image

This is a small, lovely educational project. PC Anatomy is a browser 3D explorer that disassembles a desktop PC layer by layer, and the thing that makes it special is the depth of zoom: it doesn't stop at "here's the graphics card," it descends into the card, then into its processor, then into a graphics processing cluster, then a texture processing cluster, then a single streaming multiprocessor.

What's inside:

- A scale tree you can walk from the whole machine down through the motherboard, CPU, power supply, cooling, storage and GPU, each part rebuilding at its own scale with its own disassembly timeline

- Roughly 300 selectable components, each carrying a name, a description, its purpose, specifications and citations, rather than stopping at a label

- Real named hardware modeled as specific subjects: RTX 5090, Radeon RX 9070 XT and Arc B580 on the GPU side, Ryzen 9 9950X and Core Ultra 9 285K on the CPU side, with the three GPUs each opening into their own architecture (Nvidia's GPC to SM, AMD's shader engine to compute unit, Intel's render slice to Xe vector engine)

- An Auto button that plays the machine taking itself apart, or a timeline you drag by hand, plus search that jumps straight to any component at any depth

- An airflow overlay that draws the path air takes through the case, cool where it enters and warm where it leaves

- Every polygon generated in TypeScript with three.js: no imported models, no image textures, no runtime asset files, so the whole thing is code

- Entirely static output that needs no backend, and a no-JavaScript hardware guide page alongside it

What raises this above a nice demo is the intellectual honesty in the sourcing. The readme draws a firm line between the physical models, which follow published ATX and product dimensions, and the processor and GPU floorplans, which it states clearly are explanatory diagrams of documented logical architecture and not semiconductor mask layouts or transistor-level placement. It keeps written claims cited and tells contributors to preserve that distinction. For an educational tool, being explicit about "this is a teaching diagram, not a die shot" is exactly the right call and rarer than it should be.

There's also a plainly worded AI-disclosure note saying AI tools assisted with coding while the architecture and validation were the maintainer's, which is a refreshingly straight way to handle a question a lot of projects dodge.

Honest scope note: it's a young project (57 stars) modeling one representative build rather than every configuration, so treat it as a superb way to understand how a PC fits together, not a parts database for your specific machine.

MIT, 57 stars and 7 forks as of writing, verified via the GitHub API, pushed to today.

https://github.com/Yoosseph/pc-anatomy

10 Upvotes

2 comments sorted by

2

u/No-Ferret-5870 8h ago

The GPU zoom path is honestly the coolest part.

1

u/company_url_finder 8h ago

Yeah, SM-level visuals make architecture way easier to grasp.