Skip to main content
SimilarExport ZIP
100%

Electric generator

✓ Published0🌍 Public
NNita
Last edited Oct 6, 2025
Created on Oct 6, 2025
Forked from HTML Starter

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.

AI-generated description

Electric Generator Simulator

An interactive educational tool for electrical engineers to understand the principles of electromagnetic induction and AC generator operation.

Features

  • Real-time Animation: Visual representation of a rotating coil in a magnetic field
  • Live Waveform Display: Shows the generated AC voltage in real-time
  • Adjustable Parameters:
    • Speed (RPM): 10-200 RPM
    • Magnetic Field Strength: 0.1-2.0 Tesla
    • Number of Coil Turns: 10-500 turns
  • Electrical Parameters Display:
    • Instantaneous voltage
    • Frequency
    • Peak voltage
    • RMS voltage
    • Angular velocity
    • Magnetic flux

Theory

Based on Faraday's Law of Electromagnetic Induction:

  • ε = -N × dΦ/dt
  • Generated voltage: V(t) = V_peak × sin(ωt)
  • V_peak = N × B × A × ω

Usage

  1. Click Start to begin the simulation
  2. Adjust sliders to change generator parameters
  3. Observe how changes affect the output voltage waveform
  4. Click Stop to pause the simulation

Educational Purpose

This simulator demonstrates:

  • Electromagnetic induction principles
  • AC voltage generation
  • Relationship between mechanical rotation and electrical frequency
  • Effect of magnetic field strength on output voltage
  • Importance of coil turns in voltage generation

Perfect for students and engineers learning about power generation and AC machines.

MIT Licensed

Similar vizzes

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
80% match
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
66% match
Loading thumbnail…

Electrical Circuit

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.

NNita
64% match
Loading thumbnail…

Fork of Earth with Magnetic Field with Audio

This interactive WebGL visualization, built with Three.js and ES modules, depicts the solar system with a focus on Earth's magnetic field. The scene shows all eight planets with orbital paths, planetary rotations, and atmospheric effects, while Earth's dipole magnetic field is rendered as curved field lines from pole to pole. Users can click any planet to focus the camera and view details. An HTML5 audio narration controls a camera transition and pulsating field-line animation that highlights Earth's magnetic protection.

NNita
60% match
Loading thumbnail…

Fork of Fork of HTML Starter

This animated visualization demonstrates a sine wave traveling across an HTML5 Canvas, with a horizontal center reference line and adjustable wave parameters for amplitude, frequency, and speed. The code uses the Canvas API’s `getContext('2d')` for drawing, `requestAnimationFrame` for smooth animation, and `addEventListener` with the window resize event to maintain a responsive canvas. The wave’s phase updates each frame, creating the motion effect against a white background with a subtle border and shadow.

KKareena
60% match
Loading thumbnail…

Fork of Mathematical Graphic Patterns

The visualization displays an animated, generative pattern of colorful circles arranged in a grid. It simulates a modern-day screensaver with dynamic motion, where each circle's position, size, and color shift over time. The piece uses Canvas API calls for drawing, including `beginPath`, `arc`, and `fill`, and relies on `requestAnimationFrame` to drive the continuous animation. The effect is created through mathematical functions, such as sine and cosine, that calculate coordinates and radii based on grid indices and a time variable.

RRSSBDAE
59% match
Loading thumbnail…

sine wave Generator

This visualization demonstrates the summation of three independently generated sine waves, combining them into a single composite signal. The line chart plots signal amplitude against sequential data points, with the combined waveform rendered as a continuous black line over a gray background. Built with D3.js, the example uses `scaleLinear` for both axes, a D3 `line` generator for the path, and custom `sineGenerator` functions that compute waveforms using the formula sin(2π·frequency·t). The code also leverages `observeResize` from `@drbagwell/responsive-viz-axes` for responsive sizing and displays axis labels for data points and amplitude.

DDonald Bagwell
59% match
Loading thumbnail…

Mathematical Graphic Patterns

This example generates an animated, abstract screensaver-like pattern using a grid of circles on an HTML canvas. A 30×30 grid animates each point over time, with positions and radii driven by sine and cosine functions of a continuously increasing time variable, creating swirling, rhythmic motion. The code uses the Canvas API’s 2D rendering context (`canvas.getContext('2d')`) and `requestAnimationFrame` to update frames, with a semi-transparent black overlay to create fading trails. Circle colors shift smoothly through RGB values based on grid position, while the canvas dynamically resizes to the browser window.

CConvert-Jade
59% match