Ins

In many rural schools, students learn science only through textbooks. I remember how hard it was to truly understand how electricity works just by reading about it. That’s what inspired me to build this Ohm’s Law simulation a simple, hands-on virtual lab where students can see and explore how voltage, current, and resistance work together in a circuit.

What it does

The Ohm’s Law Virtual Lab lets students explore how electricity works—right from their browser. They can change the voltage, resistance, and see how the current responds instantly. It even shows how a bulb’s brightness changes with the current, helping students visualize concepts like:

How resistance affects current

The relationship between voltage, current, and resistance

Real-time application of the formula:

It’s designed for all levels from beginners who just want to play and learn, to more advanced students who want to test values and see results.

How we built it

We built the simulation using:

PHP to manage user sessions and backend logic

HTML/CSS for layout and styling

JavaScript & Canvas for drawing circuit components and handling interactivity

Simple animations to simulate current flow and bulb brightness

LaTeX math formatting to clearly display formulas and results

Challenges we ran into

Some of the biggest challenges were:

Simulating real-world electrical behavior in a simple and interactive way

Getting the bulb to “glow” based on current, using visual feedback instead of numbers only

Making sure the circuit responds quickly and accurately when users change values

Designing a clean interface that works on both small and large screens

Testing and adjusting values to keep everything balanced also took time.

Accomplishments that we're proud of

Making a fully working Ohm’s Law simulation that’s easy to use

Visualizing current and brightness in a way students immediately understand

Designing it so it works offline and on low-end devices important for rural schools

Keeping everything in one file for easy integration into any website

What we learned

This project taught us:

How to break down a scientific concept and rebuild it interactively

How to design with students in mind especially those with limited resources

The importance of visuals in helping students “get it”

How to blend science, design, and code into something meaningful

What's next for Virtual Lab Simulation

We’re just getting started. Next, we plan to:

Add switches, ammeters, and more real components

Support series and parallel circuits

Show voltage drops and dynamic resistance calculations

Create more simulations like circuits with logic gates, or biology labs

Track student performance and give teachers helpful reports

Our goal is to build a full library of free, fun, and accessible virtual labs for schools everywhere.

Built With

  • and-animations-canvas-api-?-to-draw-wires
  • batteries
  • bulbs
  • canva
  • circuit-behavior
  • css
  • html5
  • javascript
  • php
  • resistors
Share this project:

Updates