This is an interactive laboratory designed to help users explore and understand charge-carrier flow inside semiconductors from multiple perspectives.

• Electron Flow — Visualizes the movement of electrons and holes, including thermal motion, drift, and scattering, in real time using Canvas.
• 4 Visualization Modes — Explore semiconductor behavior through Carrier Drift, Crystal Lattice, Thermal Motion, and Electric Field views.
• Material Models — Compare Intrinsic, N-type, and P-type semiconductors.
• Energy Bands — Visualize the concepts of the Valence Band, Band Gap, and Conduction Band.
• P–N Junction — Explore P-type and N-type regions, the depletion region, and the basic concept of electrical bias.
• MOSFET Channel — Follow the process Gate Voltage → Electric Field → Channel Formation → Carrier Drift → Drain Current.
• Concept Map — Understand the relationship Crystal Lattice → Energy Bands → Charge Carriers → Electric Field → Electrical Current.
• Interactive Parameters — Directly adjust Electric Field, Carrier Density, Temperature, Scattering, and Hole Fraction.
• Simulation Controls — Experiment with Inject Carriers, Pause, Reverse Field, and Reset.
• Real-Time Telemetry — Monitor Electrons, Holes, Drift Index, Scatter Events, and Current Trend as the simulation runs.
• Electron vs. Conventional Current — Visually observe the difference between the electron drift direction and the conventional current direction.
• Educational Conceptual Simulator — This is not a TCAD or SPICE tool for real semiconductor process or device design. It is designed as an educational conceptual simulator for understanding the fundamental principles of semiconductor charge transport.

Overview

An interactive, browser-based simulation of a traction elevator control system, showing how a Programmable Logic Controller processes inputs, executes ladder logic, drives outputs, and manages safety interlocks in a continuous scan cycle. The simulation runs a five-floor elevator with real physics — acceleration, deceleration, door timing, and counterweight movement — while exposing the underlying control logic in real time.

Content

Live Operation — The main view shows an animated elevator shaft with a moving car, counterweight, and spinning sheave. Hall call buttons on each floor and car operating panel buttons inside the cab register requests. The controller dispatches the car to the nearest pending call, smoothly accelerates and decelerates using configurable speed and acceleration parameters, levels at the target floor, releases the brake, and opens the doors automatically. A bottom console shows the PLC scan cycle animating through its four phases, live logic bar graphs for position, velocity, and door state, a timestamped event log, and the current state of the four main output commands — motor up, motor down, brake, and door open.

PLC I/O & Ladder — Shows the input and output racks with 24 VDC digital I/O addresses and their current on/off states, updated live from the simulation. A simplified ladder logic diagram displays five rungs covering the up motion enable, down motion enable, brake application, door open, and dispatcher dispatch coils — each with their contact conditions lighting up as the simulation runs.

PLC Scan Cycle — Explains and animates the four-phase PLC scan: read inputs, execute program, write outputs, housekeeping. A process image table lists all key addresses and their current values sampled live from the simulation.

Safety Chain — Shows the series of interlocks that must all be healthy before motion is permitted — emergency stop closed, doors locked, limit switches normal, brake monitored, and drive healthy. Training fault injection buttons simulate a door interlock failure, a drive inverter fault, and a limit switch fault, showing how the controller removes motion commands and applies the brake in response. A clear button restores all devices.

Controls — Mode switch between AUTO and MANUAL, sliders for maximum speed (0.4–2.0 m/s), acceleration rate, and door dwell time, manual jog up/down buttons (MANUAL mode only), emergency stop toggle, and controller reset.

An interactive railway engineering simulator that visualizes the key technologies that enable high-speed trains to operate safely and efficiently.

Explore high-speed running, aerodynamics, distributed traction, braking, curve dynamics, and pantograph power collection through animated engineering visualizations.

Adjust train speed, curve radius, and braking demand to observe how aerodynamic drag, traction power, lateral forces, and vehicle stability change under different operating conditions.

The lab provides an intuitive introduction to high-speed rail engineering, vehicle dynamics, aerodynamic performance, electrical traction, and railway infrastructure.

An interactive propulsion engineering visualizer that demonstrates how a rocket engine converts propellant energy into thrust.

Explore the complete flow from propellant injection and combustion to nozzle expansion and high-velocity exhaust, with animated views of the engine’s internal processes.

Adjust throttle, chamber pressure, and altitude to observe how mass flow, exhaust velocity, thrust, and plume expansion change under different conditions.

The visualizer provides an intuitive introduction to rocket propulsion, combustion, nozzle dynamics, exhaust momentum, and thrust generation through simplified educational simulations.

An interactive automotive engineering simulator that visualizes how an automatic transmission transfers engine power to the wheels and changes gears.

Explore the torque converter, planetary gearset, automatic shifting, gear ratios, and complete power flow through real-time animated visualizations.

Adjust throttle, vehicle speed, and load to observe how the selected gear, engine RPM, torque, and transmission behavior change during acceleration and cruising.

The simulator provides an intuitive introduction to automatic transmission mechanics, torque multiplication, gear shifting, and automotive powertrain engineering.

An interactive engineering simulator that visualizes how skyscrapers respond to earthquake ground motion.

Compare Standard Structures, Tuned Mass Dampers, and Base Isolation Systems to see how different engineering approaches can reduce building sway and vibration.

Adjust ground motion, building height, damping, and shaking frequency while exploring seismic waves, structural response, and resonance in real time.

The simulator provides an intuitive introduction to earthquake engineering, structural dynamics, vibration control, and seismic protection systems.

AI Improves AI — 3D Visualizer

An interactive 3D educational simulator that explains how AI can participate in improving future AI systems.

Explore techniques such as Knowledge Distillation, Synthetic Data, Self-Critique, Search & Selection, AI Feedback, and Agent Loops.

The simulator visualizes the improvement cycle:

Current AI → Generate → Evaluate → Filter → Learn → Next AI

Adjust data quality, feedback, exploration, evaluation, and safety controls to see how they influence capability, reliability, and safety across multiple AI generations.

Overview

A six-tab interactive visualization of air conditioning principles, from the basic refrigeration cycle through to energy efficiency. Each tab runs a live Canvas animation with a component explanation panel on the right.

Content

Refrigeration Cycle — Colored refrigerant particles circulate through four components in a loop. Pipe color indicates refrigerant state at each stage: low-pressure vapor (blue), high-pressure hot gas (red), high-pressure liquid (orange), and low-pressure mixture (cyan). Heat absorption and rejection are shown as animated particles at the indoor and outdoor units.

Compressor — A slider-crank piston mechanism animates in real time, showing the suction and compression strokes, reed valve opening and closing, and gas density change inside the cylinder. A pressure gauge on the right updates with the crank position.

Evaporator & Condenser — A split-screen comparison of the indoor and outdoor heat exchanger coils. Air flow arrows show warm air entering and cool air leaving the evaporator, and ambient air entering and hot air leaving the condenser. Refrigerant particles flow through the fin-and-tube coils on both sides.

P–H Diagram — A pressure-enthalpy chart with a saturation dome. The four cycle states are plotted and connected by line segments for compression, condensation, expansion, and evaporation. A dot traces the refrigerant around the cycle in real time.

Heat Pump — A toggle between cooling and heating mode. A four-way reversing valve swaps the roles of the indoor and outdoor units, turning the air conditioner into a heater. Heat-flow particle direction reverses with the mode.

Energy Efficiency (COP) — Indoor and outdoor temperature sliders update the Carnot COP and actual COP in real time, displayed on a gauge. A Sankey diagram shows Q_cold, W_input, and Q_hot scaled to their relative sizes. A bar chart compares the current COP against the Carnot ideal and a resistive heater at COP 1.0.

Overview

A six-tab interactive visualization of hot air balloon physics, from the basic buoyancy principle through to wind-layer navigation. Each tab runs a live simulation alongside a detailed explanation panel covering the science, engineering, and practical piloting techniques behind hot air flight.

Content

Buoyancy — Compares cold air molecules (tightly packed, dense, sinking) against hot air molecules (spread out, less dense, rising) side by side. Animated arrows show the opposing forces of buoyancy (upward) and weight (downward). The buoyancy formula and net lift equation are displayed below the balloon.

Burner & Vent System — A cross-section view of the balloon interior. Holding the Fire Burner button produces an animated propane flame and heats the air inside the envelope, shown by rising convection arrows and a temperature gauge. The crown vent at the top releases hot air to reduce lift. The balloon responds in real time to the current envelope temperature.

Atmosphere — Visualizes all five atmospheric layers from the troposphere to the exosphere with color-coded altitude bands. An ISA (International Standard Atmosphere) reference table shows how temperature, pressure, and air density change at each altitude. The hot air balloon operating zone (500–3,000 m) is highlighted within the troposphere.

Flight Simulator — A physics-based flight simulation. Holding the Burner button heats the envelope air, increases buoyancy, and the balloon climbs. Holding the Vent button releases hot air and the balloon descends. An altimeter and a vertical speed indicator update continuously. The sky color and ground detail change with altitude.

Temperature & Density — A chart plots air density against temperature from −20°C to 250°C, showing how density falls as temperature rises. Reference points mark ambient air (15°C), warm air (100°C), and hot balloon air (200°C), with the density difference that creates lift highlighted between them.

Wind Navigation — Shows six wind layers at different altitudes, each blowing in a different direction and speed. A map view tracks the balloon's position as it drifts with the wind. Altitude buttons step the balloon up or down into different wind layers, changing the direction of travel — demonstrating how balloon pilots navigate without an engine by selecting their altitude.

Vehicle Exhaust Visualizer

An interactive educational simulator that visualizes how vehicle exhaust changes under different driving conditions.

Explore Idle, Cold Start, Cruise, Acceleration, Hill Climb, and DPF Regeneration, and compare Gasoline, Diesel, and Hybrid vehicles.

Adjust engine load, RPM, exhaust temperature, aftertreatment efficiency, and wind strength to observe changes in exhaust flow and dispersion. The simulator also explains key emissions such as CO₂, NOₓ, CO, HC, and particulate matter (PM), along with modern exhaust aftertreatment systems.

Overview

A six-tab interactive visualization of automotive exhaust emissions, covering gas composition, catalytic converter chemistry, particulate matter physics, engine operating conditions, urban air quality accumulation, and a direct comparison between internal combustion and battery electric vehicles. Each tab runs a live particle simulation alongside a detailed component explanation panel.

Content

Gas Composition — A bar chart and donut chart break down the typical exhaust mix from a gasoline engine: nitrogen (~71%), CO₂ (~14%), water vapor (~13%), and the small but harmful fractions of carbon monoxide, nitrogen oxides, hydrocarbons, and particulate matter. Toxic and greenhouse gas badges highlight which components are regulated. Colored particles stream from a tailpipe in real time.

Catalytic Converter — Shows raw exhaust entering a honeycomb substrate coated with platinum, palladium, and rhodium. Three simultaneous chemical reactions are displayed: CO oxidation to CO₂, hydrocarbon oxidation to CO₂ and water, and NOₓ reduction to harmless nitrogen. A conversion efficiency bar shows how close to 100% the catalyst is operating. Clean green particles exit the right side of the converter.

Particulate Matter — A size scale compares PM10, PM2.5, PM1, and ultrafine particles against a visual reference. Three vehicle types — car, bus, and truck — emit particles that drift and disperse according to a wind indicator. A lung diagram marks the health impact zone where fine particles reach the alveoli directly.

Engine Conditions — Three sliders control RPM, engine load percentage, and coolant temperature. Four emission bars (CO, NOₓ, HC, PM) update in real time as conditions change, with Euro 6 limit markers showing whether the engine is within regulatory bounds. A particle stream changes color and density with the emission profile.

Urban Accumulation — A city scene with moving vehicles gradually fills the air with exhaust particles. The sky color shifts from dark blue to orange-brown as the Air Quality Index rises through Good, Moderate, Unhealthy, and Hazardous levels. The AQI badge in the top bar updates live.

EV vs ICE — A split screen places a gasoline engine on the left (emitting colored exhaust particles) against a battery electric vehicle on the right (emitting nothing from the drivetrain). A six-row comparison table covers direct CO₂, NOₓ, fine particles, well-to-wheel emissions, energy efficiency, and noise — with the cleaner result highlighted in green for each category.

Overview

A six-tab interactive visualization of railway switch (points) mechanisms, from basic turnout geometry through to high-speed railway engineering. Each tab animates the switch in real time and includes a component breakdown panel on the right. The Throw Switch button operates every simulation.

Content

Basic Turnout — The fundamental railway switch. Animated switch blades move between the straight (through) route and the diverging route. Shows the stock rails, movable blades, stretcher bar connecting them, frog crossing point, and approach signal. The signal only shows clear when the blades are fully locked in position.

Electric Point Motor — A motorised switch actuator with animated gear reduction, actuating rod, detection contacts, and position indicator bar. Shows how the motor drives the blades, how detection contacts confirm full blade travel, and how an obstruction prevents detection — automatically holding the signal at danger.

Double Crossover (Scissors) — Four independent switches and a central diamond crossing that connect two parallel tracks. Cycles through four route modes: straight on both tracks, Track A crossing to B, Track B crossing to A, and both crossing simultaneously. Two trains run concurrently to illustrate route separation.

Three-Way Switch — A single compact mechanism that routes an incoming train to one of three destinations. A three-position drive motor steps through left, centre, and right. The train animates onto whichever branch is selected, showing how the dual-blade assembly works as a unit.

Signal Interlocking — The logic layer that makes conflicting routes physically impossible to set. A route table shows which signal and switch combinations are valid. Cycling through routes demonstrates that only safe signal-and-switch combinations can be activated together — approach locking prevents switch movement once a train has passed a clear signal.

High-Speed Railway Switch — Compares a standard 1:9 turnout angle against a high-speed 1:42 ratio switch. Annotates the blade length (60–80m versus ~6m on a standard switch), the swing-nose frog that eliminates the flangeway gap, and the resulting increase in permitted diverging speed to 170+ km/h. A fast-moving train illustrates smooth high-speed diverging.

3D Invisibility Cloak Visualizer

An interactive 3D educational simulator that explains the basic concept behind an invisibility cloak.

Instead of making an object simply transparent, the simulator shows how light waves can be redirected around a hidden region and guided back toward their original paths.

Explore Cloaking Shell, Light Rays, Index Field, and Cross Section views while adjusting Cloaking Strength, Shell Thickness, Ray Density, and Wavelength.

The simulator also introduces transformation optics, metamaterials, wave bending, and the real-world limitations of invisibility technology through interactive 3D visualizations.

PID Tuning Simulator

An interactive control systems simulator designed to help users understand and experiment with PID control.

Adjust Kp, Ki, and Kd in real time and observe how they affect rise time, overshoot, settling time, steady-state error, and system stability.

Test different controller presets, change the setpoint, add disturbances and sensor noise, and monitor the Process Value, Control Output, Error, and individual P/I/D contributions.

The simulator also explains the roles of Proportional, Integral, and Derivative control through interactive visualizations and concept diagrams.

Overview

A real-time, browser-based visualization of the four-stroke internal combustion engine cycle. The cylinder cross-section animates using actual slider-crank kinematics, with a physically modeled pressure and temperature cycle for each stroke. RPM and crank angle are fully adjustable.

Content

Engine Cross-Section — Animated cutaway showing the piston, connecting rod, crankshaft with counterweight, intake and exhaust valves, and spark plug. Gas color changes with each stroke: blue air-fuel mix on intake, white-blue on compression, orange-yellow flash on ignition, and grey on exhaust. The spark plug fires with a visible spark at the start of the power stroke.

Four Strokes — Click any stroke tab to jump directly to that phase.

• Intake — Piston descends, intake valve opens, air-fuel mixture drawn in
• Compression — Both valves closed, piston rises, mixture compressed polytropically
• Power — Spark ignites mixture near TDC, pressure peaks and drives piston down
• Exhaust — Exhaust valve opens, piston rises and expels burnt gases

P–V Diagram — Pressure-volume diagram showing the full thermodynamic cycle as a continuous curve, with a live dot tracking the current operating point.

Four Live Charts — Scrolling history of cylinder pressure, temperature, valve lift, and torque output across the cycle.

Controls

• RPM slider (30 – 600 RPM, default 100)
• Crank angle slider for manual step-through (0° – 720°)
• Pause / Play / Reset
• Stroke tabs for direct phase navigation

Right Panel — Live readings for pressure (bar), temperature (°C), cylinder volume (%), and crank angle, plus a per-stroke explanation of valve states, pressure range, and the governing thermodynamic equation.

Overview

A real-time, browser-based visualization of tower crane operation, showing how load capacity changes with trolley radius. Two synchronized canvas views — front elevation and top plan — update live as the jib rotates, the trolley travels, and the hook rises or descends. A load-capacity curve tracks the current operating point against rated limits at all times.

Content

Front Elevation View — Animated cross-section showing the mast lattice structure, slewing ring, operator cab, main jib with tie rods, counterjib with counterweight, trolley, hoist cable, hook block, and load. Height reference lines mark 10m intervals. A ground-level arrow indicates the current load radius projection.

Top Plan View — Bird's-eye view showing jib rotation against a compass grid. Three concentric zone rings display the safe (green), caution (amber), and danger (red) radius bands. The load footprint is shown at the trolley position, and the current trolley radius is labeled along the jib.

Load-Capacity Curve — A radius-vs-tonnage chart based on a simplified rated capacity curve. Green, amber, and red shaded areas mark the safe, caution, and danger utilization bands. The current operating point moves in real time as radius or load changes.

Safety Zones

• Safe — below 80% of rated capacity at the current radius
• Caution — 80–95% of rated capacity
• Danger — above 95%; overload risk, reduce load or radius

Controls

• Jib rotation (0–360°), load radius (5–60m), hook height (2–50m), lifted load (0.5–12t), jib length (30–70m)
• Auto Demo cycles through eleven waypoints covering normal, caution, and overload conditions
• Pause and Reset buttons

Metrics Panel — Live readings for load radius, hook height, jib angle, lifted load, rated capacity at current radius, and utilization percentage. A status badge and plain-language advisory update with each change.

Overview

An educational, browser-based visualization of how a sea bridge is built from marine survey through to completed roadway. A live Canvas animation grows the bridge stage by stage, with adjustable site conditions and a real-time progress chart. All content is qualitative and conceptual — intended for learning, not engineering reference.

Content

Construction View — The main simulation panel. The bridge assembles progressively across seven stages, with animated waves, underwater currents, floating construction equipment, foundation piles, piers, girders, deck, and lighting. Site condition sliders (water depth, wave activity, current strength, build speed) affect the visual environment in real time.

Seven Stages

1. Marine Survey — sonar barge scans the seabed with survey lines
2. Temporary Works — trestle platforms and a floating crane arrive offshore
3. Foundation Piles — driven piles penetrate to bedrock across all pier locations
4. Piers & Caps — concrete piers rise above the waterline with capping beams
5. Girder Installation — steel girders span progressively between completed piers
6. Deck Construction — the road surface is laid with lane markings
7. Final Completion — lighting poles and barrier rails finish the bridge

Construction Process — A six-step flow diagram summarising the typical build sequence from site investigation to deck completion, with three reference cards on marine logistics, foundations, and superstructure.

Foundation Systems — Six cards covering driven piles, drilled shafts, caisson bases, scour protection, pile caps, and marine exposure considerations.

Bridge Structure — A load-path flow diagram tracing how forces travel from traffic through deck, girders, bearings, piers, and foundations into the ground.

Concept Map — A simplified six-node overview of the full construction concept, from site investigation to roadway completion.

Right Panel — Live telemetry showing stage number, overall progress percentage, wave index, and water depth, alongside a scrolling progress history chart and site condition readouts.

Virtual Excavator Simulator

Overview

A real-time, browser-based excavator simulator with interactive terrain deformation. Operate the boom, arm, bucket, and tracks using keyboard controls or on-screen joystick pads. The terrain deforms as the bucket digs, particles kick up on contact, and excavated material accumulates as dirt piles. An auto dig cycle demonstrates the full digging sequence automatically.

Two on-screen joystick pads provide the same control via mouse or touch — left pad for boom and arm, right pad for bucket and swing.

Features

Machine — Articulated excavator with crawler tracks, counterweight, cab, boom, arm, and a four-tooth bucket with a cutting edge. Three hydraulic cylinders (boom, arm, bucket) animate with visible extension and retraction.

Terrain — A 200-segment deformable ground surface. The bucket physically displaces soil on contact, creating a pit. Dust particles spawn at the dig point and dirt accumulates as piles at the dump location.

Camera — Smooth side-view camera that follows the machine as it tracks along the terrain.

Auto Dig — A six-phase automated cycle: position → dig in → lift → carry → dump → reset. Repeats continuously until stopped. Dig count and total dirt moved are tracked in the stats bar.

Dashboard — Live boom, arm, bucket, and swing angles; cylinder position bars; timestamped activity log; and running totals for completed dig cycles, dirt volume moved, and elapsed simulation time.

Disaster & Collision Simulator — Overview

A browser-based, single-file interactive visualization suite covering six categories of physical disaster and collision events. Each simulation runs as a real-time Canvas animation with adjustable parameters, live data readouts, and physics-informed behavior — no dependencies beyond the fonts.

Simulations

🌍 Seismic Wave

Models the propagation of P-waves (primary, compressional) and S-waves (secondary, shear) radiating from a user-placed epicenter. Surface structures respond dynamically to ground motion — buildings accumulate stress, lean, and eventually collapse as shaking intensity exceeds their structural capacity. An embedded seismograph panel plots ground displacement in real time, replicating the output of a broadband seismometer.

🌊 Tsunami

Simulates a shallow-water bore surge making landfall after a submarine seismic event. Wave shoaling compresses and amplifies the wave front as it transitions from deep ocean to the continental shelf. Floating debris objects respond to hydrodynamic drag and inundation depth, illustrating the destructive load-carrying capacity of the surge beyond the initial wave impact.

☄️ Meteor Impact

Renders a hypervelocity atmospheric entry and ground impact. The impactor follows a ballistic trajectory with a thermal trail, vaporizing on contact and excavating a crater scaled to diameter, velocity, and material density. Concentric shock rings propagate outward from the impact point, and ejecta particles follow ballistic arcs under gravity, replicating the mechanics documented in impact cratering studies.

🔥 Wildfire Spread

Implements a stochastic cellular automaton on a grid of fuel cells, where ignition probability for each cell is computed from neighbor fire state, wind vector alignment, and fuel moisture content — directly reflecting the Rothermel fire behavior model. Wind direction and magnitude are adjustable in real time, and new ignition points can be placed interactively to study fire front interaction and spotting behavior.

🏗️ Building Collapse

Demonstrates progressive structural failure initiated at a user-defined weak floor. Once the failure floor loses integrity, gravitational load redistributes upward through the remaining structure, triggering a cascading collapse sequence floor by floor. Debris accumulates at ground level with restitution physics, modeling the pancake-collapse mechanism observed in seismically damaged reinforced-concrete structures.

🚗 Vehicle Crash

Applies conservation of momentum to a configurable two-vehicle head-on collision. Crumple zone deformation is proportional to closing speed and mass ratio, extending the collision duration to reduce peak deceleration force — the core principle of modern passive safety design. Delta-V (change in velocity) is computed and displayed as the primary injury-severity indicator, consistent with real-world crash reconstruction methodology.