2D Materials: Graphene, h-BN & TMD Moiré Stacking
Top-down 2D moiré-pattern view of stacked graphene, h-BN, MoS2 and MXene monolayers: twist the layers and watch the moiré superlattice fringe spacing follow lambda = a / (2 sin(theta/2)) live, alongside band gap and conductivity readouts.
This is the 2D, top-down companion to the 3D heterostructure-stacking sim. Instead of orbiting a rendered stack of atoms, it draws each monolayer as a real hexagonal lattice viewed from directly above and overlays them with additive brightness — exactly how moiré patterns are actually imaged and published. Pick a material (graphene, h-BN, MoS₂ or MXene), stack up to three layers, and rotate each one relative to the last: the bright-and-dark moiré fringes that appear are a genuine interference pattern between the two lattices, and their spacing follows λ = a / (2·sin(θ/2)) exactly, read out live next to the band gap and conductivity the stack would have at that twist and spacing.
A 2D top-down moiré-pattern view of stacked graphene, h-BN, MoS2 and MXene monolayers: twist the layers and watch the moiré superlattice wavelength follow lambda = a / (2 sin(theta/2)) live, alongside band gap and conductivity readouts.
2D · HTML5 Canvas 2D · 60 FPS target · runs fully client-side, no install