---
title: "Electromagnetic Spectrum Explorer"
description: "An interactive web application for exploring the electromagnetic spectrum from radio waves to gamma rays. This educational tool provides real-time visualization, unit conversion, and comprehensive information."
impact: "Interactive learning tool for understanding the electromagnetic spectrum"
github_url: "https://github.com/cameronrye/electromagnetic-spectrum-explorer"
demo_url: "https://cameronrye.github.io/electromagnetic-spectrum-explorer/"
technologies: ["React", "JavaScript", "Vite", "Data Visualization"]
featured: false
order: 13
problem: "Physics education often relies on static diagrams that fail to convey the vast scale of the electromagnetic spectrum. Students struggle to understand the relationships between wavelength, frequency, and energy across 20+ orders of magnitude."
solution: "Built an interactive visualization that uses logarithmic scaling to represent the entire electromagnetic spectrum. Real-time unit conversion and region-specific educational content help users explore the physics of light and radiation."
results: ["Interactive exploration from gamma rays to radio waves", "Real-time conversion between wavelength, frequency, and energy", "NIST-certified physical constants for scientific accuracy", "Educational content for each spectrum region"]
metrics: [{"label":"Spectrum Range","value":"20+ orders"}, {"label":"Regions","value":"7"}, {"label":"Accuracy","value":"NIST"}, {"label":"Calculations","value":"Real-time"}]
canonical_url: https://rye.dev/projects/electromagnetic-spectrum-explorer/
---

import SpectrumMiniDemo from '../../components/demos/SpectrumMiniDemo.astro';

The Electromagnetic Spectrum Explorer is an interactive web application for exploring the electromagnetic spectrum from radio waves to gamma rays. An educational tool providing real-time visualization and comprehensive information.

<div class="my-8 p-6 bg-white/60 dark:bg-gray-800/60 backdrop-blur-sm rounded-xl border border-gray-200/50 dark:border-gray-700/50">
  <SpectrumMiniDemo />
</div>

## Key Features

- **Full Spectrum Coverage**: From radio waves to gamma rays
- **Real-Time Visualization**: Interactive spectrum display with logarithmic scaling
- **Unit Conversion**: Convert between wavelength, frequency, and energy
- **Educational Content**: Comprehensive information for each band
- **Scientific Accuracy**: NIST-certified physical constants

## Technical Implementation

The application implements robust physics calculations:

```javascript
export const PHYSICS_CONSTANTS = {
  SPEED_OF_LIGHT: 299792458, // m/s (exact)
  PLANCK_CONSTANT: 6.62607015e-34, // J*s (exact)
  PLANCK_CONSTANT_EV: 4.135667696e-15, // eV*s
};

export function wavelengthToFrequency(wavelength) {
  return SPEED_OF_LIGHT / wavelength;
}
```

The logarithmic visualization enables smooth interaction across scales spanning from femtometers to kilometers.