Advanced

Tutor model

i62 💰:9.4

i52 💰:7.9

🏆 i67 💰:62.5

i70 💰:125.0

i68 💰:125.0

🏆 i66 💰:75.0

i65 💰:125.0

i63 💰:62.5

i61 💰:75.0

i60 💰:9.4

i60 💰:37.5

i58 💰:62.5

i57 💰:22.5

i57 💰:37.5

i56 💰:45.0

⚡ i55 💰:11.25

i55 💰:37.5

i54 💰:62.5

i52 💰:35.0

i51 💰:37.5

i49 💰:15.0

i49 💰:62.5

i48 💰:11.3

i47 💰:7.5

i44 💰:25.0

i43 💰:37.5

i42 💰:187.5

i40 💰:5.0

i39 💰:100.0

i38 💰:37.5

i37 💰:11.0

i36 💰:187.5

i34 💰:12.5

i33 💰:37.5

i30 💰:1.0

i29 💰:1.5

i28 💰:150.0

i23 💰:20.0

i20 💰:4.0

i18 💰:1.0

i16 💰:25.0

i13 💰:1.5

Keep session private

What would you like to learn?

Override for the tutor's lesson content generation calls. Auto uses the system default (Claude Sonnet 5 for lesson text, Opus 5 for diagrams).

Lesson generation model

System default

i58 💰:18.8

i31 💰:11.0

i25 💰:31.3

Tutoring abilities

If you connect an audio amplifier directly to a wire antenna, your voice won't travel across the city — in fact, it will barely radiate an inch into the air.

To beam music or speech across the world, we must graft our low-frequency sound onto a high-frequency sinusoidal **carrier wave**.

By **modulation definition**, modulation is the process of altering a parameter (amplitude $A_c$, frequency $f_c$, or phase $\phi_c$) of a high-frequency sinusoidal carrier wave $v_c(t) = A_c \sin(2\pi f_c t + \phi_c)$ in direct proportion to the instantaneous amplitude of a baseband message signal $v_m(t) = A_m \sin(2\pi f_m t)$.

Why does raw audio fail to radiate on its own?

In 1887, Heinrich Hertz confirmed James Clerk Maxwell's theory of electromagnetism by showing that electrical sparks create radiating waves when the physical antenna matches the scale of the wave itself.

The **wavelength** ($\lambda$) is the physical distance a wave travels in one complete cycle, calculated from the speed of light ($c \approx 3 \times 10^8 \text{ m/s}$) and frequency ($f$) as $\lambda = \frac{c}{f}$.

To achieve **practical antenna dimensions**, the physical length ($L$) of an aerial must be comparable to the wavelength, typically $L \approx \frac{\lambda}{4}$ or $\frac{\lambda}{2}$.

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="aspect-ratio" content="4:3">
  <link rel="stylesheet" href="{{VENDOR_CDN}}/katex.min.css">
  <script src="{{VENDOR_CDN}}/katex.min.js"></script>
  <style>
    * { box-sizing: border-box; margin: 0; padding: 0; font-family: system-ui, -apple-system, sans-serif; }
    body {
      background: #f8f9fa;
      color: #1e2945;
      padding: 12px;
      display: flex;
      flex-direction: column;
      gap: 10px;
      user-select: none;
    }

    .preset-bar {
      display: flex;
      gap: 6px;
      flex-wrap: wrap;
    }

    .btn {
      flex: 1;
      min-width: 70px;
      padding: 6px 10px;
      font-size: 13px;
      font-weight: 600;
      background: #ffffff;
      color: #1e2945;
      border: 1px solid #e2e8f0;
      border-radius: 8px;
      cursor: pointer;
      text-align: center;
      transition: background 0.2s, box-shadow 0.2s, border-color 0.2s;
    }

    .btn:hover {
      background: #f1f5f9;
    }

    .btn.active {
      background: #22b7ff;
      color: #ffffff;
      border-color: #22b7ff;
      box-shadow: 0 2px 6px rgba(34, 183, 255, 0.35);
    }

    .display-grid {
      display: grid;
      grid-template-columns: 1.2fr 1fr;
      gap: 10px;
    }

    @media (max-width: 480px) {
      .display-grid {
        grid-template-columns: 1fr;
      }
    }

    .panel {
      background: #ffffff;
      border: 1px solid #e2e8f0;
      border-radius: 12px;
      padding: 12px;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
    }

    .vis-box {
      height: 200px;
      position: relative;
      background: #f1f5f9;
      border-radius: 8px;
      overflow: hidden;
      display: flex;
      align-items: flex-end;
      justify-content: center;
    }

    .antenna-pole {
      width: 6px;
      background: #2563eb;
      border-radius: 3px 3px 0 0;
      position: relative;
      transition: height 0.4s ease;
      min-height: 4px;
    }

    .antenna-tip {
      position: absolute;
      top: -6px;
      left: 50%;
      transform: translateX(-50%);
      width: 12px;
      height: 12px;
      background: #ef4444;
      border-radius: 50%;
      box-shadow: 0 0 8px rgba(239, 68, 68, 0.6);
    }

    .scale-reference {
      position: absolute;
      bottom: 8px;
      left: 12px;
      display: flex;
      align-items: center;
      gap: 6px;
      font-size: 13px;
      font-weight: 600;
      color: #64748b;
      background: rgba(255, 255, 255, 0.85);
      padding: 4px 8px;
      border-radius: 6px;
    }

    .ground-line {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      height: 4px;
      background: #94a3b8;
    }

    .math-row {
      display: flex;
      flex-direction: column;
      gap: 8px;
    }

    .metric-card {
      background: #f8fafc;
      border: 1px solid #e2e8f0;
      border-radius: 8px;
      padding: 8px 10px;
      display: flex;
      justify-content: space-between;
      align-items: center;
    }

    .metric-label {
      font-size: 13px;
      font-weight: 500;
      color: #64748b;
    }

    .metric-val {
      font-size: 14px;
      font-weight: 700;
      color: #1e2945;
    }

    .status-badge {
      text-align: center;
      padding: 8px;
      border-radius: 8px;
      font-size: 13px;
      font-weight: 700;
      transition: background 0.3s, color 0.3s;
    }

    .status-impossible {
      background: #fee2e2;
      color: #b91c1c;
    }

    .status-practical {
      background: #dcfce7;
      color: #15803d;
    }

    .status-optimal {
      background: #e0f2fe;
      color: #0369a1;
    }

    .slider-row {
      display: flex;
      align-items: center;
      gap: 8px;
      margin-top: 4px;
    }

    input[type=range] {
      flex: 1;
      accent-color: #22b7ff;
      cursor: pointer;
    }
  </style>
</head>
<body>

  <div class="preset-bar">
    <button class="btn active" data-idx="0">1 kHz (Audio)</button>
    <button class="btn" data-idx="1">1 MHz (AM)</button>
    <button class="btn" data-idx="2">100 MHz (FM)</button>
    <button class="btn" data-idx="3">1 GHz (Mobile)</button>
  </div>

  <div class="display-grid">
    <div class="panel">
      <div class="vis-box">
        <div class="ground-line"></div>
        <div class="antenna-pole" id="antenna">
          <div class="antenna-tip"></div>
        </div>
        <div class="scale-reference" id="scaleRef">
          <span id="refIcon">🏔️</span>
          <span id="refText">Mount Everest (8.8 km)</span>
        </div>
      </div>
      <div class="slider-row">
        <span style="font-size:12px; font-weight:600; color:#64748b;">Carrier $f$:</span>
        <input type="range" id="freqSlider" min="0" max="3" step="1" value="0">
      </div>
    </div>

    <div class="panel">
      <div class="math-row">
        <div class="metric-card">
          <span class="metric-label" id="katexFreq"></span>
          <span class="metric-val" id="valFreq">1 kHz</span>
        </div>
        <div class="metric-card">
          <span class="metric-label" id="katexWave"></span>
          <span class="metric-val" id="valWave">300 km</span>
        </div>
        <div class="metric-card">
          <span class="metric-label" id="katexAntenna"></span>
          <span class="metric-val" id="valAntenna">75 km</span>
        </div>
        <div class="status-badge status-impossible" id="statusBadge">
          🚫 Physically Impossible
        </div>
      </div>
    </div>
  </div>

  <script>
    const data = [
      {
        freqStr: "1 kHz",
        waveStr: "300 km",
        antStr: "75 km",
        heightPct: 92,
        icon: "✈️",
        ref: "Stratosphere / 75 km",
        badge: "🚫 Physically Impossible",
        badgeClass: "status-impossible"
      },
      {
        freqStr: "1 MHz",
        waveStr: "300 m",
        antStr: "75 m",
        heightPct: 65,
        icon: "🗼",
        ref: "Radio Mast / 75 m",
        badge: "⚠️ Large Fixed Mast",
        badgeClass: "status-optimal"
      },
      {
        freqStr: "100 MHz",
        waveStr: "3.0 m",
        antStr: "75 cm",
        heightPct: 35,
        icon: "🚗",
        ref: "Car Whip Aerial / 75 cm",
        badge: "✓ Practical Antenna",
        badgeClass: "status-practical"
      },
      {
        freqStr: "1 GHz",
        waveStr: "30 cm",
        antStr: "7.5 cm",
        heightPct: 15,
        icon: "📱",
        ref: "Internal Aerial / 7.5 cm",
        badge: "✓ Compact / Handheld",
        badgeClass: "status-practical"
      }
    ];

    const antenna = document.getElementById('antenna');
    const scaleRef = document.getElementById('scaleRef');
    const refIcon = document.getElementById('refIcon');
    const refText = document.getElementById('refText');
    const valFreq = document.getElementById('valFreq');
    const valWave = document.getElementById('valWave');
    const valAntenna = document.getElementById('valAntenna');
    const statusBadge = document.getElementById('statusBadge');
    const buttons = document.querySelectorAll('.preset-bar .btn');
    const slider = document.getElementById('freqSlider');

    // KaTeX Labels
    katex.render("f", document.getElementById('katexFreq'));
    katex.render("\\lambda = \\frac{c}{f}", document.getElementById('katexWave'));
    katex.render("L \\approx \\frac{\\lambda}{4}", document.getElementById('katexAntenna'));

    function updateState(index) {
      const d = data[index];
      
      antenna.style.height = d.heightPct + '%';
      refIcon.textContent = d.icon;
      refText.textContent = d.ref;
      valFreq.textContent = d.freqStr;
      valWave.textContent = d.waveStr;
      valAntenna.textContent = d.antStr;
      
      statusBadge.textContent = d.badge;
      statusBadge.className = 'status-badge ' + d.badgeClass;

      buttons.forEach((btn, i) => {
        btn.classList.toggle('active', i === index);
      });
      slider.value = index;
    }

    buttons.forEach((btn) => {
      btn.addEventListener('click', () => {
        updateState(parseInt(btn.getAttribute('data-idx')));
      });
    });

    slider.addEventListener('input', (e) => {
      updateState(parseInt(e.target.value));
    });

    updateState(0);
  </script>
</body>
</html>

A standard $1 \text{ kHz}$ audio tone demands an antenna roughly $75 \text{ km}$ ($46 \text{ miles}$) tall, which is physically impossible to construct.

Shifting baseband audio ($20 \text{ Hz} - 20 \text{ kHz}$) to a high-frequency RF carrier ($f_c \sim \text{MHz}$ or $\text{GHz}$) reduces aerial dimensions from tens of kilometers to just a few centimeters or meters.

What happens to the electrical power if we try driving an undersized antenna anyway?

## Power Radiation Efficiency ($P_{\text{rad}} \propto f^2$)

An antenna's **power radiation efficiency** depends on radiation resistance, where electrodynamic power radiated is proportional to length over wavelength: $P_{\text{rad}} \propto \left(\frac{L}{\lambda}\right)^2$.

Substituting $\lambda = \frac{c}{f}$ reveals that radiated power scales directly with the square of the frequency: $P_{\text{rad}} \propto f^2$.

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="aspect-ratio" content="4:3">
  <style>
    * { box-sizing: border-box; margin: 0; padding: 0; }
    body {
      font-family: system-ui, -apple-system, sans-serif;
      background: transparent;
      color: #1e2945;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: space-between;
      width: 100%;
      height: 100%;
      padding: 12px;
      user-select: none;
    }
    .controls {
      display: flex;
      gap: 8px;
      width: 100%;
      max-width: 440px;
      justify-content: center;
    }
    .btn {
      flex: 1;
      padding: 8px 12px;
      font-size: 13px;
      font-weight: 600;
      border: 1px solid #d1d5db;
      border-radius: 8px;
      background: #ffffff;
      color: #1e2945;
      cursor: pointer;
      text-align: center;
      transition: background 0.2s, color 0.2s, border-color 0.2s;
    }
    .btn.active {
      background: #22b7ff;
      color: #ffffff;
      border-color: #22b7ff;
    }
    .stage {
      position: relative;
      width: 100%;
      max-width: 480px;
      flex: 1;
      min-height: 220px;
      margin: 8px 0;
    }
    canvas {
      width: 100%;
      height: 100%;
      display: block;
    }
    .metrics {
      display: flex;
      justify-content: space-around;
      width: 100%;
      max-width: 440px;
      font-size: 14px;
      font-weight: 600;
      color: #4b5563;
    }
    .metric-val {
      color: #0284c7;
      font-weight: 700;
    }
  </style>
</head>
<body>

  <div class="controls">
    <button class="btn active" id="btnLow" onclick="setMode(1)">Baseband (Low <i>f</i>)</button>
    <button class="btn" id="btnMid" onclick="setMode(2)">Medium <i>f</i></button>
    <button class="btn" id="btnHigh" onclick="setMode(4)">Carrier (High <i>f</i>)</button>
  </div>

  <div class="stage">
    <canvas id="cv"></canvas>
  </div>

  <div class="metrics">
    <div>Frequency: <span id="fVal" class="metric-val">1×</span></div>
    <div><i>P</i><sub>rad</sub> ∝ <i>f</i> <sup>2</sup>: <span id="pVal" class="metric-val">1×</span></div>
  </div>

  <script>
    const cv = document.getElementById('cv');
    const ctx = cv.getContext('2d');
    const fVal = document.getElementById('fVal');
    const pVal = document.getElementById('pVal');
    const btns = [
      document.getElementById('btnLow'),
      document.getElementById('btnMid'),
      document.getElementById('btnHigh')
    ];

    let freqMult = 1;
    let rings = [];
    let lastEmit = 0;
    let t = 0;

    function setMode(f) {
      freqMult = f;
      btns.forEach(b => b.classList.remove('active'));
      if (f === 1) btns[0].classList.add('active');
      if (f === 2) btns[1].classList.add('active');
      if (f === 4) btns[2].classList.add('active');
      
      fVal.textContent = f + '×';
      pVal.textContent = (f * f) + '×';
    }

    function resize() {
      const dpr = window.devicePixelRatio || 1;
      const rect = cv.getBoundingClientRect();
      cv.width = rect.width * dpr;
      cv.height = rect.height * dpr;
      ctx.scale(dpr, dpr);
    }

    window.addEventListener('resize', resize);
    resize();

    function draw(time) {
      t += 0.02;
      const w = cv.getBoundingClientRect().width;
      const h = cv.getBoundingClientRect().height;

      ctx.clearRect(0, 0, w, h);

      const antX = w * 0.3;
      const antY = h * 0.52;
      const antH = Math.min(h * 0.45, 90);

      // Emit wave rings based on frequency
      const emitInterval = 1000 / (freqMult * 2.2);
      if (time - lastEmit > emitInterval) {
        rings.push({
          r: 10,
          power: freqMult * freqMult,
          maxR: w * 0.48,
          alpha: 1
        });
        lastEmit = time;
      }

      // Draw expanding radiation rings
      for (let i = rings.length - 1; i >= 0; i--) {
        const ring = rings[i];
        ring.r += 1.2 + freqMult * 0.3;
        const progress = ring.r / ring.maxR;
        
        // Low power fades very quickly; high power sustains
        const fadeRate = ring.power === 1 ? 2.5 : (ring.power === 4 ? 1.4 : 0.9);
        ring.alpha = Math.max(0, 1 - Math.pow(progress, 1 / fadeRate));

        if (ring.alpha <= 0.01 || ring.r >= ring.maxR) {
          rings.splice(i, 1);
          continue;
        }

        ctx.save();
        ctx.beginPath();
        ctx.arc(antX, antY - antH * 0.5, ring.r, -Math.PI * 0.5, Math.PI * 0.5);
        ctx.strokeStyle = ring.power === 1 
          ? `rgba(156, 163, 175, ${ring.alpha * 0.4})` 
          : `rgba(34, 183, 255, ${ring.alpha * Math.min(1, ring.power / 8)})`;
        ctx.lineWidth = Math.min(6, 1.5 + ring.power * 0.3);
        ctx.stroke();
        ctx.restore();
      }

      // Draw Antenna Mast
      ctx.save();
      // Mast base
      ctx.beginPath();
      ctx.moveTo(antX - 18, antY + 8);
      ctx.lineTo(antX + 18, antY + 8);
      ctx.strokeStyle = '#9ca3af';
      ctx.lineWidth = 3;
      ctx.stroke();

      // Mast pole
      ctx.beginPath();
      ctx.moveTo(antX, antY + 8);
      ctx.lineTo(antX, antY - antH);
      ctx.strokeStyle = '#4b5563';
      ctx.lineWidth = 3.5;
      ctx.stroke();

      // Antenna dipole elements
      ctx.beginPath();
      ctx.moveTo(antX - 14, antY - antH * 0.85);
      ctx.lineTo(antX + 14, antY - antH * 0.85);
      ctx.moveTo(antX - 20, antY - antH);
      ctx.lineTo(antX + 20, antY - antH);
      ctx.strokeStyle = '#1e2945';
      ctx.lineWidth = 2.5;
      ctx.stroke();

      // Feedpoint oscillator glow
      const oscGlow = 0.5 + 0.5 * Math.sin(t * freqMult * 4);
      ctx.beginPath();
      ctx.arc(antX, antY - antH * 0.5, 4 + oscGlow * 2, 0, Math.PI * 2);
      ctx.fillStyle = freqMult === 1 ? '#9ca3af' : '#22b7ff';
      ctx.fill();
      ctx.restore();

      // Power Gauge on Right
      const barX = w * 0.78;
      const barW = Math.min(26, w * 0.08);
      const barMaxH = antH * 1.1;
      const barY = antY + 8;

      // Background slot
      ctx.fillStyle = '#f3f4f6';
      ctx.fillRect(barX, barY - barMaxH, barW, barMaxH);
      ctx.strokeStyle = '#e5e7eb';
      ctx.strokeRect(barX, barY - barMaxH, barW, barMaxH);

      // Filled power level (proportional to f^2 / 16)
      const targetRatio = (freqMult * freqMult) / 16;
      const fillH = barMaxH * targetRatio;

      ctx.fillStyle = freqMult === 1 ? '#9ca3af' : '#22b7ff';
      ctx.fillRect(barX, barY - fillH, barW, fillH);

      // Label under antenna
      ctx.font = '600 12px system-ui';
      ctx.fillStyle = '#6b7280';
      ctx.textAlign = 'center';
      ctx.fillText('Antenna', antX, antY + 24);
      ctx.fillText('Power', barX + barW / 2, barY + 24);

      requestAnimationFrame(draw);
    }

    requestAnimationFrame(draw);
  </script>
</body>
</html>

Because radiated power scales as $P_{\text{rad}} \propto f^2$, low-frequency baseband signals face low radiation resistance and radiate virtually zero power, whereas high-frequency carriers allow efficient radiation of RF energy.

Even if we could build massive antennas to radiate pure audio, what would happen when two radio stations tried broadcasting at the same time?

## Prevention of Channel Overlap via Frequency-Division Multiplexing

A **baseband signal** is the original, unmodulated band of frequencies produced by a transducer like a microphone, naturally spanning $20 \text{ Hz}$ to $20 \text{ kHz}$.

Direct transmission of baseband audio would cause universal **channel overlap**, resulting in unavoidable collisions and unintelligible interference at the receiver.

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="aspect-ratio" content="4:3">
  <style>
    * { box-sizing: border-box; margin: 0; padding: 0; }
    body {
      font-family: system-ui, -apple-system, sans-serif;
      background: #ffffff;
      color: #1e2945;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: space-between;
      min-height: 100%;
      padding: 12px 10px 8px;
    }

    .nav-tabs {
      display: flex;
      flex-wrap: wrap;
      gap: 6px;
      justify-content: center;
      width: 100%;
      max-width: 500px;
    }

    .tab-btn {
      appearance: none;
      border: 1px solid #e2e8f0;
      background: #f8fafc;
      color: #64748b;
      padding: 6px 10px;
      border-radius: 8px;
      font-size: 13px;
      font-weight: 600;
      cursor: pointer;
      display: inline-flex;
      align-items: center;
      gap: 5px;
      transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
    }

    .tab-btn .dot {
      width: 7px;
      height: 7px;
      border-radius: 50%;
    }

    .tab-btn[data-mode="ground"] .dot { background: #10b981; }
    .tab-btn[data-mode="sky"] .dot { background: #8b5cf6; }
    .tab-btn[data-mode="space"] .dot { background: #22b7ff; }

    .tab-btn.active[data-mode="ground"] {
      background: #ecfdf5;
      color: #065f46;
      border-color: #10b981;
    }

    .tab-btn.active[data-mode="sky"] {
      background: #f5f3ff;
      color: #5b21b6;
      border-color: #8b5cf6;
    }

    .tab-btn.active[data-mode="space"] {
      background: #f0f9ff;
      color: #0369a1;
      border-color: #22b7ff;
    }

    .tab-btn.active[data-mode="all"] {
      background: #1e2945;
      color: #ffffff;
      border-color: #1e2945;
    }

    .svg-wrap {
      width: 100%;
      max-width: 520px;
      flex: 1;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    svg {
      width: 100%;
      height: auto;
      overflow: visible;
    }

    .wave-path {
      fill: none;
      stroke-width: 3.5;
      stroke-linecap: round;
      stroke-linejoin: round;
      transition: opacity 0.3s ease;
    }

    .wave-pulse {
      fill: none;
      stroke-width: 3.5;
      stroke-linecap: round;
      stroke-linejoin: round;
      stroke-dasharray: 8 8;
      animation: pulseFlow 1.2s linear infinite;
    }

    @keyframes pulseFlow {
      from { stroke-dashoffset: 32; }
      to { stroke-dashoffset: 0; }
    }

    .dimmed { opacity: 0.15; }
    .hidden-pulse { display: none; }

    .tag-label {
      font-size: 11px;
      font-weight: 700;
      letter-spacing: 0.3px;
    }
  </style>
</head>
<body>

  <div class="nav-tabs">
    <button class="tab-btn" data-mode="ground"><span class="dot"></span>&lt; 3 MHz Ground</button>
    <button class="tab-btn active" data-mode="sky"><span class="dot"></span>3–30 MHz Sky</button>
    <button class="tab-btn" data-mode="space"><span class="dot"></span>&gt; 30 MHz Space</button>
    <button class="tab-btn" data-mode="all">All Modes</button>
  </div>

  <div class="svg-wrap">
    <svg viewBox="0 0 520 285">
      
      <path d="M 30,120 A 660 660 0 0 1 490,120 L 490,75 A 710 710 0 0 0 30,75 Z" fill="#8b5cf6" fill-opacity="0.08"/>
      <path d="M 30,120 A 660 660 0 0 1 490,120" fill="none" stroke="#8b5cf6" stroke-width="2" stroke-dasharray="6,5" stroke-opacity="0.6"/>
      <text x="260" y="80" fill="#8b5cf6" font-size="12" font-weight="700" text-anchor="middle">Ionosphere</text>

      
      <path d="M 20,285 A 500 500 0 0 1 500,285 L 500,300 L 20,300 Z" fill="#f1f5f9" stroke="#94a3b8" stroke-width="2"/>
      <text x="260" y="278" fill="#64748b" font-size="12" font-weight="700" text-anchor="middle">Earth</text>

      
      <path id="path-ground" class="wave-path dimmed" stroke="#10b981" d="M 85,248 A 510 510 0 0 1 200,223" />
      <path id="pulse-ground" class="wave-pulse hidden-pulse" stroke="#059669" d="M 85,248 A 510 510 0 0 1 200,223" />

      
      <path id="path-sky" class="wave-path" stroke="#8b5cf6" d="M 85,248 L 255,108 L 425,248" />
      <path id="pulse-sky" class="wave-pulse" stroke="#6d28d9" d="M 85,248 L 255,108 L 425,248" />

      
      <path id="path-space" class="wave-path dimmed" stroke="#22b7ff" d="M 85,248 L 390,48" />
      <path id="pulse-space" class="wave-pulse hidden-pulse" stroke="#0284c7" d="M 85,248 L 390,48" />

      
      
      <g transform="translate(85,250)">
        <polygon points="-6,0 6,0 0,-16" fill="#1e2945"/>
        <line x1="0" y1="-16" x2="0" y2="-22" stroke="#1e2945" stroke-width="2"/>
        <circle cx="0" cy="-22" r="2.5" fill="#ef4444"/>
        <text x="0" y="16" class="tag-label" fill="#1e2945" text-anchor="middle">TX</text>
      </g>

      
      <g transform="translate(200,225)">
        <polygon points="-5,0 5,0 0,-13" fill="#10b981"/>
        <line x1="0" y1="-13" x2="0" y2="-18" stroke="#10b981" stroke-width="1.5"/>
        <text x="0" y="16" class="tag-label" fill="#065f46" text-anchor="middle">RX1</text>
      </g>

      
      <g transform="translate(425,250)">
        <polygon points="-5,0 5,0 0,-13" fill="#8b5cf6"/>
        <line x1="0" y1="-13" x2="0" y2="-18" stroke="#8b5cf6" stroke-width="1.5"/>
        <text x="0" y="16" class="tag-label" fill="#5b21b6" text-anchor="middle">RX2</text>
      </g>

      
      <g transform="translate(390,48)">
        <text x="0" y="6" font-size="22" text-anchor="middle">🛰️</text>
        <text x="0" y="24" class="tag-label" fill="#0369a1" text-anchor="middle">Satellite</text>
      </g>
    </svg>
  </div>

  <script>
    const buttons = document.querySelectorAll('.tab-btn');
    const groundPath = document.getElementById('path-ground');
    const skyPath = document.getElementById('path-sky');
    const spacePath = document.getElementById('path-space');

    const groundPulse = document.getElementById('pulse-ground');
    const skyPulse = document.getElementById('pulse-sky');
    const spacePulse = document.getElementById('pulse-space');

    function setMode(mode) {
      buttons.forEach(b => b.classList.toggle('active', b.dataset.mode === mode));

      const isGround = mode === 'ground' || mode === 'all';
      const isSky = mode === 'sky' || mode === 'all';
      const isSpace = mode === 'space' || mode === 'all';

      groundPath.classList.toggle('dimmed', !isGround);
      skyPath.classList.toggle('dimmed', !isSky);
      spacePath.classList.toggle('dimmed', !isSpace);

      groundPulse.classList.toggle('hidden-pulse', !isGround);
      skyPulse.classList.toggle('hidden-pulse', !isSky);
      spacePulse.classList.toggle('hidden-pulse', !isSpace);
    }

    buttons.forEach(btn => {
      btn.addEventListener('click', () => setMode(btn.dataset.mode));
    });
  </script>
</body>
</html>

Through **frequency-division multiplexing** (FDM), modulation shifts baseband spectra onto distinct carrier frequencies ($f_c$), assigning each signal a dedicated, non-overlapping RF channel.

A common misconception is that modulating an audio signal onto a carrier wave makes the signal travel faster through the air.

All electromagnetic waves travel at the speed of light ($c$); modulation doesn't change propagation speed, but rather solves antenna size limits, eliminates heat loss, and isolates transmission channels.

Raw baseband electromagnetic waves suffer severe attenuation and absorption in Earth's atmosphere, preventing long-range transmission.

Through **propagation mechanism optimization**, selecting specific RF carrier frequencies allows tailoring transmission modes, such as **ground wave** propagation along Earth's surface, **ionospheric skywave reflection** across continents, or **line-of-sight space wave** propagation for satellites.

## Mathematical Modulation Representation

By formal **modulation definition**, modulation is the process of altering a parameter of a high-frequency sinusoidal carrier $v_c(t) = A_c \sin(2\pi f_c t + \phi_c)$ in direct proportion to a baseband message signal $v_m(t) = A_m \sin(2\pi f_m t)$.

Varying the carrier amplitude ($A_c$), frequency ($f_c$), or phase ($\phi_c$) encodes information while preserving the high-frequency transmission advantages.

Direct baseband waves suffer severe attenuation and atmospheric absorption, but selecting high-frequency carriers provides **propagation mechanism optimization**.

Depending on the chosen carrier frequency, engineers can harness surface ground waves, ionospheric skywave reflection for long-range skips, or line-of-sight space wave propagation for satellite links.

electronics

Principles of Carrier Waves and Analogue Modulation. Explain why high-frequency sinusoidal carriers are required to radiate low-frequency audio information through free space.

A-Level Electromagnetic Waves, Aerials, and Modulation Principles

Continuous-Time Modulation and Demodulation Fundamentals

RF Engineering: Why We Modulate Baseband Signals onto High-Frequency Carriers

Pedagogical strategy: Begin with a cognitive hook showing an antenna calculation for human voice ($L = 75\text{ km}$) to immediately establish the physical necessity of modulation. Then address the mathematical principles (deriving antenna resonance from boundary conditions $\lambda = c/f$ and radiation power scaling $P \propto f^2$) before demonstrating Frequency Division Multiplexing to explain spectrum allocation.

Principles of Carrier Waves and Analogue Modulation

The Antenna Length Problem

Power Radiation Efficiency ( $P_{\text{rad}} \propto f^2$ )

Principles of Carrier Waves and Analogue Modulation

The Antenna Length Problem

Power Radiation Efficiency (Prad∝f2P_{\text{rad}} \propto f^2Prad​∝f2)

Power Radiation Efficiency ( $P_{\text{rad}} \propto f^2$ )