HomeEnergy & ThermodynamicsTravel Energy Intensity Comparator (2D)

Travel Energy Intensity Comparator (2D)

Interactive 2D comparator: an animated bar chart, a live occupancy-response curve and a draggable route strip show how much energy a trip really costs per passenger for a short-haul flight, solo car, carpool, coach bus and electric train, and how load factor and grid mix change the CO2 bill.

Energy & Thermodynamics2DEasy60 FPS📱 Mobile-adapted⇄ 3D version
2d-energy-topic-49 ↗ Open standalone

Every trip has an energy bill, but that bill is almost never per-vehicle — it's per-seat-filled. This 2D comparator lines up five common ways to cover the same distance — a short-haul flight, a solo car, a carpooled car, a coach bus and an electric train — as an animated bar chart whose height tracks real published energy intensity in megajoules per passenger-kilometre. A second panel sweeps the load-factor formula across its whole range as a live curve so you can see the shape of the payoff, not just one point on it, while a third draggable route strip animates the selected mode's exhaust cloud shrinking or growing with the sliders. Move the load-factor slider and watch every shared-vehicle curve fall as more seats fill, while the solo car's flat line never budges; move the grid renewable-share slider and only the electric train's cloud responds, since its CO2 depends on what's powering the grid, not on how much energy it used.

⚙ Under the hood

Compare real energy-intensity data for a short-haul flight, solo car, carpool, coach bus and electric train as an animated 2D bar chart with a live load-factor response curve and a draggable route strip, and see how load factor and grid renewable share change the per-passenger energy and CO2 bill of the same trip.

energytransportsustainabilityCO2travelefficiency

2D · HTML5 Canvas 2D · 60 FPS target · runs fully client-side, no install

What did you find?

Add reproduction steps (optional)