Home▸Materials Science▸Electrochromic Smart Window: Ion Intercalation (2D)

Electrochromic Smart Window: Ion Intercalation (2D)

Interactive 2D cross-section of an electrochromic smart window: apply a bias voltage and watch Li+ ions migrate between a WO3 film and a NiO counter-electrode through the electrolyte, tinting the glass, with live transmittance, optical-density and inserted-charge readouts, plus a real-time transmittance history graph.

Materials Science2DModerate60 FPS📱 Mobile-adapted⇄ 3D version
2d-smart-materials-materials-science ↗ Open standalone

This is the 2D cross-section counterpart to the 3D electrochromic window simulator: the same real electrochemistry — a tungsten-oxide (WO₃) film darkening as lithium ions are driven into it by an applied voltage, and clearing again as they are pulled back out — viewed as a true side-on slice through the glass stack. Drag the bias-voltage slider (or hit Color / Bleach) to watch Li⁺ ions cross the electrolyte between the WO₃ layer and a NiO ion-storage counter-electrode, while the WO₃ band itself tints from clear to deep blue; scroll to zoom into the electrolyte gap and drag to pan across the stack. Live readouts track inserted charge density, optical density and transmittance, and a real-time graph plots transmittance as it switches — the same coloration-efficiency relation (ΔOD = CE·q) that governs commercial products like SageGlass office windows and the dimmable cabin windows on the Boeing 787.

⚙ Under the hood

A 2D cross-section counterpart to the 3D electrochromic-window model: watch Li+ ions migrate between a WO3 film and a NiO counter-electrode through the electrolyte as a bias voltage is applied, with the WO3 band tinting live and a real-time transmittance history graph, plus scroll-to-zoom and drag-to-pan over the layer stack.

electrochromicmaterials-sciencesmart-windowion-intercalationelectrochemistryWO32D

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

What did you find?

Add reproduction steps (optional)