Skip to main content
SimilarExport ZIP
100%

Electrical Circuit

✓ Published1🌍 Public
NNita
Last edited Apr 10, 2025
Created on Apr 10, 2025
Forked from 3D Cube of Spheres

This interactive Three.js simulation demonstrates Ohm's law in a 3D electrical circuit, showing how voltage and resistance affect current, power, and animated electron flow. Users adjust sliders and toggle power to observe real-time changes in the circuit's behavior. The scene includes 3D models of a battery, resistor, and LED, with WebGL rendering and orbit controls for perspective viewing. The code relies on the Three.js library for 3D scene management and animation, presenting circuit physics through direct manipulation of electrical parameters.

AI-generated description

Electrical Circuit Simulation

An interactive 3D electrical circuit simulation built with Three.js.

Features

  • Interactive circuit with battery, resistor, and LED
  • Real-time calculation of voltage, current, and power
  • Electron flow animation that responds to circuit parameters
  • Toggle power on/off to see the circuit in action
  • Switch between circuit view and 3D perspective view
  • Adjust voltage and resistance to see how the circuit responds

How to Use

  1. Use the sliders to adjust voltage (0-12V) and resistance (10-1000Ω)
  2. Toggle the power button to turn the circuit on or off
  3. Switch between circuit view and 3D view for different perspectives
  4. Observe how the electron flow and LED brightness respond to changes

Technical Implementation

The simulation uses Three.js to create a realistic 3D representation of an electrical circuit. It demonstrates Ohm's Law (V = IR) and power calculations (P = VI) in an interactive environment.

MIT Licensed

Similar vizzes

Loading thumbnail…

Electrical Circuit

This interactive simulation shows a simple DC electrical circuit with a battery, resistor, LED, wires, and circuit board, along with animated yellow particles representing electron flow. A control panel adjusts voltage and resistance, toggles power, and switches between circuit and 3D views, with current and power readouts updating live. Built with Three.js and OrbitControls, the scene uses WebGL rendering with directional lighting, procedural geometry for components, and real-time animation driven by sliders.

NNita
87% match
Loading thumbnail…

Fork of Electrical Circuit

This interactive Three.js simulation visualizes an electrical generator circuit in 3D, with adjustable rotation speed, magnetic strength, and resistance parameters. The generator's armature rotates visibly while the LED brightness and real-time voltage, current, and power values update according to Ohm's Law. WebGL rendering provides an animated circuit view with orbiting camera controls, allowing exploration of electromagnetic induction principles through direct manipulation of physics parameters.

NNita
82% match
Loading thumbnail…

Nervous System Simulation

This interactive WebGL visualization depicts a simulated neural network as a glowing three-dimensional mass of branching neurons and curved connections. Users can click any neuron to trigger it, sending luminous signal pulses that travel along quadratic Bézier curve connections to neighboring cells. Built with Three.js and OrbitControls, the scene uses ray casting for neuron selection and an object-pooling system for efficient pulse rendering. A control panel allows real-time adjustment of firing rate, signal speed, and pulse size.

NNita
67% match
Loading thumbnail…

Electric generator

An interactive electric generator simulator demonstrates electromagnetic induction through a rotating coil animation and live sinusoidal voltage waveform. The canvas-based visualization uses HTML5 Canvas API with requestAnimationFrame for real-time rendering, displaying magnetic field lines, coil rotation, and computed electrical parameters including peak voltage, frequency, and magnetic flux. Users adjust speed, magnetic field strength, and coil turns via range sliders, with the waveform updating dynamically according to Faraday's Law calculations. The simulator provides educational insight into AC generator operation through interactive parameter manipulation and immediate visual feedback.

NNita
64% match
Loading thumbnail…

3D Force-Directed Graph (ThreeJS)

This example shows an interactive 3D force-directed graph rendered with Three.js WebGL, using ngraph.forcelayout3d for physics simulation and trackball controls for rotation, zoom, and panning. It cycles through three topological data sets—Les Misérables character co-occurrences, a blocks.json citation network, and D3 source-code dependencies—with node size, color, and name mapped per dataset using Three.js spheres, line geometry, and raycaster-based tooltips.

TThanaporn-sk
64% match
Loading thumbnail…

Atoms and electrons 3D

This interactive 3D visualization shows the structure of an atom, with a glowing gold nucleus at the center and electrons arranged in three distinct shells colored green, blue, and pink. Using Three.js with WebGL rendering, it displays 18 electrons total—2 in the inner shell, 8 in the middle, and 8 in the outer shell—with each shell rotating at a different speed to simulate orbital motion. The scene includes directional and point lighting to make the electrons appear luminous, and users can rotate, zoom, and pan the camera through OrbitControls. The animation loop continuously updates the shell rotations each frame.

NNita
62% match
Loading thumbnail…

Three.js Geometry Browser

This interactive Three.js example demonstrates a real-time 3D geometry explorer, allowing users to cycle through and modify a variety of parametric shapes, including boxes, cylinders, and custom polyhedra like the gem form. It shows how wireframe overlays and solid meshes update together as parameters change. The code relies on the Three.js library, using `PolyhedronGeometry`, `WireframeGeometry`, and `OrbitControls` for camera interaction, while `dat.gui` provides the control panel for adjusting geometry dimensions and segmentation. Rendering is handled through WebGL with continuous animation, and a separate HTML link opens the scene in a new window.

BBillyBHWong
61% match
Loading thumbnail…

Fork of Atoms and electrons 3D

A 4×4×4 cube of 64 color-coded spheres rotates slowly in 3D space, demonstrating a lattice-like arrangement of electrons or atoms. Built with Three.js, the scene uses a WebGL renderer and OrbitControls for interactive camera rotation and zoom. Each sphere’s hue is derived from its grid position via HSL color mapping, with directional and ambient lighting illuminating the structure. The animation loop continuously rotates the entire group while the camera remains user-controllable.

NNita
61% match