An interactive computational physics web application built with React.
The first QuantaLab simulation models Young’s double-slit experiment in the Fraunhofer approximation. Users can adjust the wavelength, slit separation, and slit width while observing the resulting interference fringes and angular intensity distribution in real time.
- Interactive double-slit diffraction simulation
- Real-time interference fringe rendering
- Wavelength-dependent visible-spectrum colors
- Angular intensity graph
- Single-slit diffraction envelope
- Adjustable wavelength, slit separation, and slit width
- KaTeX-rendered governing equation
- Reset parameters button
- Responsive web interface
The normalized intensity distribution is modeled using
I_0 \cos^2\left( \frac{\pi d\sin\theta}{\lambda} \right) \left[ \frac{ \sin\left( \frac{\pi a\sin\theta}{\lambda} \right) }{ \frac{\pi a\sin\theta}{\lambda} } \right]^2 ]
where:
- (\lambda) is the wavelength
- (d) is the slit separation
- (a) is the slit width
- (\theta) is the observation angle
- React
- JavaScript
- Vite
- HTML5 Canvas
- SVG
- KaTeX
- CSS
- Vercel
S. Dhafiri
git clone https://github.com/PSIPHYS/QuantaLab.git
cd QuantaLab
npm install
npm run dev