HomeTransport & UrbanismWell-to-Wheel Energy Efficiency

Well-to-Wheel Energy Efficiency

Compare gasoline, battery-electric and hydrogen fuel-cell vehicles from primary energy source to the wheels — a renewable grid-mix slider drives live well-to-wheel efficiency and CO2 readouts for all three pathways.

Transport & Urbanism3DModerate60 FPS🔥 Fire💧 Water
energy-topic-20 ↗ Open standalone

Three glowing particle streams race from a shared primary-energy source to the wheels, one lane each for a gasoline engine, a battery-electric vehicle and a hydrogen fuel-cell vehicle. At every stage boundary — generation, transport, storage, drivetrain — a slice of each stream peels off as a red spark of waste heat, so the stream visibly thins before it reaches the finish line. Slide the grid's renewable share and watch only the EV and hydrogen lanes respond, since gasoline never touches the electricity grid; toggle each pathway to isolate it and compare the live well-to-wheel efficiency percentages.

⚙ Under the hood

Compare gasoline, battery-electric and hydrogen fuel-cell vehicles from primary energy source to the wheels — a renewable grid-mix slider drives live well-to-wheel efficiency and CO2 readouts for all three pathways as particle streams thin at every conversion stage.

Three.jswell-to-wheelelectric vehiclehydrogen fuel cellinternal combustionenergy efficiencygrid mixtransport

3D · Three.js / WebGL renderer · 60 FPS target · runs fully client-side, no install

What did you find?

Add reproduction steps (optional)