Ohm's Law Simulator

Master Ohm's Law: Interactive Simulations for Effortless Learning

Comment

Inspiration

We conducted an experiment in our school practical classes that sparked our interest in the enthralling world of electronics. Since then, my peer and I have completed numerous projects in this field. This website is a tribute to the experiment that sparked our interest and we hope it excites you too.

What it does

Our simulator demonstrates the principles of Ohm's Law by allowing students to conduct various interactive experiments. Users can manipulate voltage to see real-time results and perform different scenarios to deepen their understanding. This tool also explores the concepts of resistors in parallel and series and explains them to the user in a interactive way. To know more follow this link :- githubRepo

How we built it

Editor: Visual Studio Code

Frontend: HTML, CSS, JavaScript

Libraries: Chart.js for graph plotting, SweetAlert2 for interactive alerts

No build tools required: Simply open the HTML files in your browser to use the simulator.

Challenges we ran into

Trouble changing pages using Parcel so we switched to vanilla JS. Issues with importing and using Chart.js which we solved using CDN and exploring its documentation respectively.

What we learned

We widened our knowledge about vanilla JS and learned how to plot and manipulate graphs in the same.

What's next for Ohm's Law Simulator

Similar experiments like :-

Kirchhoff's Laws: Understand Kirchhoff's Voltage and Current Laws through practical simulations.

Resistor Combinations: Experiment with different resistor values and combinations to see their effect on the circuit.

Power Calculation: Learn to calculate electrical power in circuits and understand the relationship between power, voltage, and current.

Currently, the website is not responsive for mobile devices, which is something we would like to change.

Built With

Share this project:

Updates