Coordinate Surface Lab

Interactive 3D visualization of coordinate surfaces built with Three.js for EEE241 · Electromagnetic Waves and Fields.

Overview

Coordinate Surface Lab is a browser-based educational tool that transforms mathematical coordinate systems into interactive 3D visualizations. It enables students to explore and understand constant-coordinate surfaces in Cartesian, Cylindrical, and Spherical coordinate systems through real-time rendering.

Developed as a learning aid for EEE241 · Electromagnetic Waves and Fields.

---

Demo Video

Coordinate Surface Lab: Visualizing Cartesian, Cylindrical & Spherical Surfaces (EEE241)

A walkthrough of Coordinate Surface Lab covering how to switch between Cartesian, cylindrical, and spherical coordinate systems; set fixed points vs. ranged intervals to generate constant-coordinate surfaces, intersections, and filled volumes; use Fill/Surface mode to see sectors, caps, and volumetric regions rendered live; plot custom equations with the built-in math keyboard and adjustable free-variable ranges; and read the live HUD and Area/Volume metrics panel, which shows the exact closed-form formula matching whatever's on screen.

Click to watch on YouTube (5 min)

---

Preview

---

Features

• Interactive 3D coordinate visualization
• Real-time rendering with Three.js
• Cartesian coordinate system
• Cylindrical coordinate system
• Spherical coordinate system
• Orbit controls for intuitive navigation
• Educational tool for Electromagnetic Waves and Fields

---

Built With

• Three.js
• HTML5
• JavaScript (ES6)
• CSS3

---

Getting Started

git clone https://github.com/ctrl-z3d/Coordinate-Surfaces-Lab.git
cd Coordinate-Surfaces-Lab

Run a local web server:

python -m http.server

or

npx serve

Then open:

http://localhost:8000/v2.html

---

Educational Purpose

This project was developed for EEE241 · Electromagnetic Waves and Fields to help students visualize orthogonal coordinate systems used throughout electromagnetics, making abstract mathematical concepts easier to understand through interactive 3D exploration.

---

Repository Structure

Coordinate-Surface-Lab/
│
├── pictures/
│   ├── cartesian_demo.png
│   ├── cyl_demo.png
│   └── spherical_demo.png
│
├── v2.html
├── README.md
└── LICENSE

---

Author

Rakin

GitHub: https://github.com/ctrl-z3d

---

License

This project is licensed under the MIT License. See the LICENSE file for details.