Electromagnetic Spectrum Explorer

Electromagnetic wavelengths run from femtometers to kilometers — more than twenty orders of magnitude. The core design problem in this explorer was making that entire range navigable on a single screen, which is why everything in the interface, from the spectrum bar to the position marker, is built on logarithmic scaling.

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:

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.

What was hard

Scientific tools punish sloppy numerics. Values near the edges of the spectrum push against JavaScript’s floating-point limits, so every calculation validates its inputs and returns NaN early rather than letting a bad value propagate through a chain of conversions into a plausible-looking wrong answer. The conversion panel was the other challenge: wavelength, frequency, and energy are three views of one quantity, so editing any field has to update the other two without triggering an infinite update loop. Input parsing also has to meet users where they are, accepting 550 nm, 5.45e14, or bare meters and normalizing the units before any math runs.