Circuit Simulation

Prompt

Generate in html, css, and javascript a self-contained, embeddable, and complete simulation to help upper elementary students learn about electrical circuits wired in parallel and in sequence. Allow users to drag and drop the following components: wires, switches, a light bulb, and a motor that spins a wheel. Include the following drag and drops also: 

Passive Components (Store or dissipate energy):

Resistors: Limit current flow and divide voltage.

Capacitors: Store electrical charge electrostatically, releasing it rapidly.

Inductors: Store energy in a magnetic field.

Transformers: Transfer electrical energy between circuits through magnetic induction. 

Active Components (Control electricity/provide gain):

Transistors: Amplify signals or switch them on/off.

Diodes: Allow current to flow in one direction (one-way street).

Integrated Circuits (ICs): Miniature circuits with multiple components. 

Electromechanical and Protective Components:

Switches: Turn the flow of electricity on or off.

Relays: Electromechanical switches that control high power with low power.

Fuses & Circuit Breakers: Protect circuits by stopping flow during overloads. 

Other Components:

Power Sources: Batteries, generators, an electrical outlet for AC power, or cells provide energy,

Load Components: Motors (convert to motion) or light bulbs/LEDs (convert to light).

Variable Resistors/Potentiometers: Adjust the level of resistance. 

Use a navy blue, white, black, and gray theme but make the circuit area easy to see. Include arrows to show the direction of the current from the power supply and back.

Iteration

There is no set of drag and drop components. Just a strange black and white region. Where will the students build their circuit?

Iteration 2

When the switch is closed ensure that the light illuminates and the motor spins as it receives electrical energy. Make the wires long enough in each drag and drop element so that the actually connect to show the user that a circuit can't have gaps in it.