explaingit

ryan-hillrr9494/3d-geometry-lab-v2026

Analysis updated 2026-05-18

20HTMLAudience · generalComplexity · 2/5LicenseSetup · easy

TLDR

A browser-based 3D geometry learning tool with WebGL shape visualization, function plotting, and camera-based hand gesture controls, aimed at students and teachers.

Mindmap

mindmap
  root((geometry lab))
    What it does
      3D shape visualization
      2D function plotting
      Hand gesture controls
    Tech stack
      WebGL
      Three.js
      MediaPipe
    Use cases
      Classroom teaching
      Self-study geometry
    Requirements
      Modern browser
      WebGL support
      Camera for gestures

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

What do people build with it?

USE CASE 1

Teach or learn geometry by rotating and inspecting 3D solids interactively in a browser.

USE CASE 2

Plot 2D functions alongside 3D shapes for classroom demonstrations.

USE CASE 3

Control shapes with hand gestures using the camera-based hand-tracking feature.

What is it built with?

HTMLJavaScriptWebGLThree.jsMediaPipe

How does it compare?

ryan-hillrr9494/3d-geometry-lab-v2026datcc8a-max/nhom_4_quan_an_fusiongavrielp1/salary-2045
Stars202020
LanguageHTMLHTMLHTML
Setup difficultyeasyeasyeasy
Complexity2/52/52/5
Audiencegeneralgeneralpm founder

Figures from each repo's GitHub metadata at analysis time.

How do you get it running?

Difficulty · easy Time to first run · 30min

Requires a browser with WebGL support and camera permission if using the hand-tracking feature.

Copyleft license, modified versions you distribute must also be shared as source code.

In plain English

3D Geometry Lab is a browser-based app for learning geometry through interactive 3D visuals. It renders shapes directly in a web page using WebGL, the browser technology for 3D graphics, and lets you turn, resize, and inspect them. It is aimed at students, teachers, and anyone teaching themselves geometry, combining shape visualization, camera-based hand gestures, and function graphing in a single workspace. The README lists eight geometric solids you can inspect, mouse controls for orbiting around a shape to view it from any angle, sliders for adjusting size, and a wireframe mode that shows a shape's underlying structure. There is also a 2D function plotting area alongside the 3D view, and a panel described as offering AI-assisted help for working through geometry problems. One notable feature is hand tracking through your device's camera, powered by MediaPipe, a library for reading hand and body movement from video. This lets you interact with shapes using hand gestures instead of only a mouse, though it requires granting the browser camera permission. To run it, you clone the project, serve the front-end files through a web server or local preview tool, then open it in a browser and grant camera access if you want gesture controls. It can also be hosted as a static site, for example through GitHub Pages. Running it needs a modern browser with WebGL and JavaScript support, plus enough local computing resources to handle 3D rendering and live plotting. Configuration options such as the default shape shown, plotting ranges, camera and hand-tracking settings, and rendering behavior for WebGL and Three.js live directly inside the front-end source files rather than a separate settings file. The project is released under the GNU GPL v3.0 license.

Copy-paste prompts

Prompt 1
How do I serve and run 3D Geometry Lab locally with a web server?
Prompt 2
Explain how the hand-tracking gesture controls work using MediaPipe in this project.
Prompt 3
What settings would I change to adjust the default shape or plot ranges shown?
Prompt 4
Walk me through hosting this project as a static site on GitHub Pages.

Frequently asked questions

What is 3d-geometry-lab-v2026?

A browser-based 3D geometry learning tool with WebGL shape visualization, function plotting, and camera-based hand gesture controls, aimed at students and teachers.

What language is 3d-geometry-lab-v2026 written in?

Mainly HTML. The stack also includes HTML, JavaScript, WebGL.

What license does 3d-geometry-lab-v2026 use?

Copyleft license, modified versions you distribute must also be shared as source code.

How hard is 3d-geometry-lab-v2026 to set up?

Setup difficulty is rated easy, with roughly 30min to a first successful run.

Who is 3d-geometry-lab-v2026 for?

Mainly general.

Open on GitHub → Explain another repo

This repo across BitVibe Labs

Verify against the repo before relying on details.