<!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="1:1">
  <style>
    * {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
      -webkit-tap-highlight-color: transparent;
    }

    body {
      font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
      background: #f8f9fa;
      color: #1e2945;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: space-between;
      min-height: 100%;
      padding: 12px;
      user-select: none;
    }

    .detector-stage {
      position: relative;
      width: 100%;
      max-width: 340px;
      aspect-ratio: 1 / 1;
      margin: 0 auto;
    }

    /* Central hub */
    .center-hub {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 84px;
      height: 84px;
      border-radius: 50%;
      background: #ffffff;
      border: 2px solid #e6e6e6;
      box-shadow: 0 4px 14px rgba(30, 41, 69, 0.08);
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      z-index: 2;
      transition: box-shadow 0.3s ease;
    }

    .center-icon {
      font-size: 30px;
      line-height: 1;
      filter: drop-shadow(0 0 6px rgba(245, 158, 11, 0.5));
    }

    .center-label {
      font-size: 11px;
      font-weight: 700;
      letter-spacing: 0.5px;
      color: #64748b;
      margin-top: 2px;
      text-transform: uppercase;
    }

    /* Connecting lines SVG */
    .spoke-svg {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      z-index: 1;
      pointer-events: none;
    }

    .spoke-line {
      stroke: #e2e8f0;
      stroke-width: 2;
      stroke-dasharray: 4 3;
      transition: stroke 0.3s ease, stroke-width 0.3s ease;
    }

    .spoke-line.active {
      stroke-width: 2.5;
      stroke-dasharray: none;
    }

    /* Outer Energy Badges */
    .badge-btn {
      position: absolute;
      width: 82px;
      height: 82px;
      margin-left: -41px;
      margin-top: -41px;
      border-radius: 50%;
      background: #ffffff;
      border: 2px solid #e6e6e6;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      z-index: 3;
      box-shadow: 0 3px 8px rgba(0, 0, 0, 0.05);
      transition: box-shadow 0.25s ease, border-color 0.25s ease, background-color 0.25s ease;
    }

    .badge-icon {
      font-size: 24px;
      line-height: 1;
      margin-bottom: 2px;
    }

    .badge-title {
      font-size: 11px;
      font-weight: 700;
      color: #1e2945;
      line-height: 1.1;
      text-align: center;
    }

    /* Specific badge color themes */
    .badge-btn[data-type="mechanical"].active {
      border-color: #2563eb;
      box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.2), 0 4px 12px rgba(37, 99, 235, 0.25);
      background: #eff6ff;
    }
    .badge-btn[data-type="thermal"].active {
      border-color: #ea580c;
      box-shadow: 0 0 0 3px rgba(234, 88, 12, 0.2), 0 4px 12px rgba(234, 88, 12, 0.25);
      background: #fff7ed;
    }
    .badge-btn[data-type="light"].active {
      border-color: #d97706;
      box-shadow: 0 0 0 3px rgba(217, 119, 6, 0.2), 0 4px 12px rgba(217, 119, 6, 0.25);
      background: #fffbeb;
    }
    .badge-btn[data-type="sound"].active {
      border-color: #7c3aed;
      box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.2), 0 4px 12px rgba(124, 58, 237, 0.25);
      background: #faf5ff;
    }
    .badge-btn[data-type="electrical"].active {
      border-color: #16a34a;
      box-shadow: 0 0 0 3px rgba(22, 163, 74, 0.2), 0 4px 12px rgba(22, 163, 74, 0.25);
      background: #f0fdf4;
    }

    /* Info Display Card */
    .info-card {
      width: 100%;
      max-width: 360px;
      margin-top: 10px;
      background: #ffffff;
      border: 1.5px solid #e6e6e6;
      border-radius: 12px;
      padding: 10px 14px;
      text-align: center;
      box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);
      min-height: 64px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      transition: border-color 0.25s ease;
    }

    .info-header {
      font-size: 13px;
      font-weight: 800;
      margin-bottom: 3px;
      display: flex;
      align-items: center;
      gap: 5px;
    }

    .info-desc {
      font-size: 13px;
      line-height: 1.35;
      color: #334155;
    }
  </style>
</head>
<body>

  <div class="detector-stage">
    
    <svg class="spoke-svg" viewBox="0 0 340 340">
      <line id="spoke-0" class="spoke-line" x1="170" y1="170" x2="170" y2="46" />
      <line id="spoke-1" class="spoke-line" x1="170" y1="170" x2="288" y2="131" />
      <line id="spoke-2" class="spoke-line" x1="170" y1="170" x2="243" y2="270" />
      <line id="spoke-3" class="spoke-line" x1="170" y1="170" x2="97" y2="270" />
      <line id="spoke-4" class="spoke-line" x1="170" y1="170" x2="52" y2="131" />
    </svg>

    
    <div class="center-hub">
      <span class="center-icon">⚡</span>
      <span class="center-label">Energy</span>
    </div>

    
    
    <button class="badge-btn" data-type="mechanical" data-index="0" style="top: 13.5%; left: 50%;">
      <span class="badge-icon">⚙️</span>
      <span class="badge-title">Mechanical</span>
    </button>

    
    <button class="badge-btn" data-type="thermal" data-index="1" style="top: 38.5%; left: 84.7%;">
      <span class="badge-icon">🔥</span>
      <span class="badge-title">Thermal</span>
    </button>

    
    <button class="badge-btn" data-type="light" data-index="2" style="top: 79.4%; left: 71.5%;">
      <span class="badge-icon">💡</span>
      <span class="badge-title">Light</span>
    </button>

    
    <button class="badge-btn" data-type="sound" data-index="3" style="top: 79.4%; left: 28.5%;">
      <span class="badge-icon">🔊</span>
      <span class="badge-title">Sound</span>
    </button>

    
    <button class="badge-btn" data-type="electrical" data-index="4" style="top: 38.5%; left: 15.3%;">
      <span class="badge-icon">🔌</span>
      <span class="badge-title">Electrical</span>
    </button>
  </div>

  
  <div class="info-card" id="infoCard">
    <div class="info-header" id="infoTitle" style="color: #2563eb;">
      <span>⚙️ Mechanical Energy</span>
    </div>
    <div class="info-desc" id="infoDesc">
      Energy of moving objects or parts, like gears and running shoes.
    </div>
  </div>

  <script>
    const energyData = [
      {
        type: 'mechanical',
        title: 'Mechanical Energy',
        icon: '⚙️',
        color: '#2563eb',
        desc: 'Energy of moving objects or parts, like spinning gears and running legs.'
      },
      {
        type: 'thermal',
        title: 'Thermal Energy',
        icon: '🔥',
        color: '#ea580c',
        desc: 'Heat energy made by tiny vibrating particles, like a warm stove flame.'
      },
      {
        type: 'light',
        title: 'Light Energy',
        icon: '💡',
        color: '#d97706',
        desc: 'Visible radiation that travels in straight rays, like a sunbeam or bulb.'
      },
      {
        type: 'sound',
        title: 'Sound Energy',
        icon: '🔊',
        color: '#7c3aed',
        desc: 'Vibrations travelling through air or solids that your ears can hear.'
      },
      {
        type: 'electrical',
        title: 'Electrical Energy',
        icon: '🔌',
        color: '#16a34a',
        desc: 'Movement of electric charges powering plugs, devices, and sparks.'
      }
    ];

    const badges = document.querySelectorAll('.badge-btn');
    const spokes = document.querySelectorAll('.spoke-line');
    const infoCard = document.getElementById('infoCard');
    const infoTitle = document.getElementById('infoTitle');
    const infoDesc = document.getElementById('infoDesc');

    let currentIndex = 0;

    function selectEnergy(index) {
      currentIndex = index;
      const data = energyData[index];

      badges.forEach((b, i) => {
        b.classList.toggle('active', i === index);
      });

      spokes.forEach((s, i) => {
        if (i === index) {
          s.classList.add('active');
          s.style.stroke = data.color;
        } else {
          s.classList.remove('active');
          s.style.stroke = '#e2e8f0';
        }
      });

      infoCard.style.borderColor = data.color;
      infoTitle.style.color = data.color;
      infoTitle.innerHTML = `<span>${data.icon}</span> <span>${data.title}</span>`;
      infoDesc.textContent = data.desc;
    }

    badges.forEach((badge) => {
      const idx = parseInt(badge.getAttribute('data-index'), 10);
      badge.addEventListener('click', () => selectEnergy(idx));
      badge.addEventListener('mouseenter', () => selectEnergy(idx));
    });

    // Initialize with first energy form
    selectEnergy(0);
  </script>
</body>
</html>

Identifying Everyday Forms of Energy

<!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;
    }
    html, body {
      width: 100%;
      height: 100%;
      font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
      background: transparent;
      color: #1e2945;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 10px;
    }
    .grid {
      display: flex;
      flex-direction: row;
      gap: 12px;
      width: 100%;
      max-width: 620px;
      height: 100%;
      max-height: 380px;
    }
    .energy-card {
      flex: 1;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: space-between;
      border-radius: 14px;
      padding: 12px 8px 14px 8px;
      position: relative;
    }
    .card-mech {
      background: #f0f7ff;
      border: 1.5px solid #d0e3ff;
    }
    .card-therm {
      background: #fff7ed;
      border: 1.5px solid #ffedd5;
    }
    .badge-group {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 3px;
      text-align: center;
    }
    .badge-title {
      font-size: 15px;
      font-weight: 700;
      color: #1e2945;
      line-height: 1.2;
    }
    .badge-sub {
      font-size: 12px;
      font-weight: 600;
      padding: 2px 10px;
      border-radius: 999px;
      letter-spacing: 0.2px;
    }
    .sub-mech {
      background: #dbeafe;
      color: #1d4ed8;
    }
    .sub-therm {
      background: #fed7aa;
      color: #c2410c;
    }
    .visual-wrap {
      flex: 1;
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative;
    }
    svg {
      width: 100%;
      height: 100%;
      max-height: 160px;
      overflow: visible;
    }

    /* Animations */
    .wheel-spokes {
      transform-origin: 75px 75px;
      animation: spinWheel 4s linear infinite;
    }
    @keyframes spinWheel {
      from { transform: rotate(0deg); }
      to { transform: rotate(360deg); }
    }

    .wind-line {
      stroke-dasharray: 20, 30;
      animation: windBlow 2s linear infinite;
    }
    .wind-line-2 {
      stroke-dasharray: 15, 25;
      animation: windBlow 1.6s linear infinite;
      animation-delay: -0.8s;
    }
    @keyframes windBlow {
      0% { stroke-dashoffset: 60; opacity: 0.2; }
      50% { opacity: 0.85; }
      100% { stroke-dashoffset: -40; opacity: 0.2; }
    }

    .steam-1 {
      animation: riseSteam 3s ease-in-out infinite;
    }
    .steam-2 {
      animation: riseSteam 3s ease-in-out infinite;
      animation-delay: -1s;
    }
    .steam-3 {
      animation: riseSteam 3s ease-in-out infinite;
      animation-delay: -2s;
    }
    @keyframes riseSteam {
      0% {
        opacity: 0;
        transform: translateY(4px) scaleX(0.9);
      }
      40% {
        opacity: 0.75;
      }
      80% {
        opacity: 0.3;
      }
      100% {
        opacity: 0;
        transform: translateY(-16px) scaleX(1.15);
      }
    }

    @media (max-width: 400px) {
      .badge-title { font-size: 13px; }
      .badge-sub { font-size: 11px; }
    }
  </style>
</head>
<body>

  <div class="grid">
    
    <div class="energy-card card-mech">
      <div class="badge-group">
        <span class="badge-title">Mechanical Energy</span>
        <span class="badge-sub sub-mech">Motion</span>
      </div>

      <div class="visual-wrap">
        <svg viewBox="0 0 160 150" xmlns="http://www.w3.org/2000/svg">
          
          <path class="wind-line" d="M 15 42 Q 40 38 70 42" fill="none" stroke="#60a5fa" stroke-width="2.5" stroke-linecap="round" />
          <path class="wind-line-2" d="M 10 75 Q 35 73 60 75" fill="none" stroke="#93c5fd" stroke-width="2.5" stroke-linecap="round" />
          <path class="wind-line" d="M 20 108 Q 45 112 75 108" fill="none" stroke="#60a5fa" stroke-width="2.5" stroke-linecap="round" />

          
          <circle cx="85" cy="75" r="44" fill="#334155" stroke="#1e293b" stroke-width="3"/>
          <circle cx="85" cy="75" r="40" fill="#f0f7ff" stroke="#94a3b8" stroke-width="2.5"/>

          
          <g class="wheel-spokes" style="transform-origin: 85px 75px;">
            
            <line x1="85" y1="35" x2="85" y2="115" stroke="#64748b" stroke-width="1.8" />
            <line x1="45" y1="75" x2="125" y2="75" stroke="#64748b" stroke-width="1.8" />
            <line x1="57" y1="47" x2="113" y2="103" stroke="#64748b" stroke-width="1.8" />
            <line x1="57" y1="103" x2="113" y2="47" stroke="#64748b" stroke-width="1.8" />
            
            
            <circle cx="85" cy="40" r="2" fill="#2563eb" />
          </g>

          
          <circle cx="85" cy="75" r="7.5" fill="#3b82f6" stroke="#1d4ed8" stroke-width="2"/>
          <circle cx="85" cy="75" r="3" fill="#ffffff"/>

          
          <path d="M 135 60 A 45 45 0 0 1 138 88" fill="none" stroke="#3b82f6" stroke-width="2.5" stroke-linecap="round" stroke-dasharray="4 6"/>
        </svg>
      </div>
    </div>

    
    <div class="energy-card card-therm">
      <div class="badge-group">
        <span class="badge-title">Thermal Energy</span>
        <span class="badge-sub sub-therm">Heat</span>
      </div>

      <div class="visual-wrap">
        <svg viewBox="0 0 160 150" xmlns="http://www.w3.org/2000/svg">
          
          <g transform="translate(56, 18)">
            <path class="steam-1" d="M -12 28 Q -18 16 -12 4 Q -6 -8 -12 -18" fill="none" stroke="#f97316" stroke-width="2.5" stroke-linecap="round" opacity="0.6"/>
            <path class="steam-2" d="M 0 28 Q 6 16 0 4 Q -6 -8 0 -18" fill="none" stroke="#fb923c" stroke-width="2.5" stroke-linecap="round" opacity="0.7"/>
            <path class="steam-3" d="M 12 28 Q 6 16 12 4 Q 18 -8 12 -18" fill="none" stroke="#f97316" stroke-width="2.5" stroke-linecap="round" opacity="0.6"/>
          </g>

          
          
          <path d="M 80 66 C 96 66 96 92 80 92" fill="none" stroke="#ea580c" stroke-width="5" stroke-linecap="round"/>
          
          
          <path d="M 32 58 L 80 58 C 80 58 79 104 56 104 C 33 104 32 58 32 58 Z" fill="#ffedd5" stroke="#ea580c" stroke-width="3" stroke-linejoin="round"/>
          
          
          <ellipse cx="56" cy="58" rx="24" ry="5.5" fill="#78350f" stroke="#ea580c" stroke-width="2.5"/>
          <ellipse cx="56" cy="58" rx="18" ry="3.5" fill="#9a3412"/>

          
          
          <rect x="122" y="38" width="10" height="58" rx="5" fill="#ffffff" stroke="#cbd5e1" stroke-width="2"/>
          <circle cx="127" cy="98" r="9" fill="#ffffff" stroke="#cbd5e1" stroke-width="2"/>

          
          <rect x="124.5" y="48" width="5" height="48" rx="2.5" fill="#ef4444"/>
          <circle cx="127" cy="98" r="7" fill="#ef4444"/>

          
          <line x1="117" y1="48" x2="120" y2="48" stroke="#ef4444" stroke-width="1.8" stroke-linecap="round"/>
          <line x1="117" y1="62" x2="120" y2="62" stroke="#94a3b8" stroke-width="1.5" stroke-linecap="round"/>
          <line x1="117" y1="76" x2="120" y2="76" stroke="#94a3b8" stroke-width="1.5" stroke-linecap="round"/>

          
          <path d="M 139 46 Q 143 50 139 54" fill="none" stroke="#f87171" stroke-width="2" stroke-linecap="round"/>
          <path d="M 141 60 Q 145 64 141 68" fill="none" stroke="#fca5a5" stroke-width="2" stroke-linecap="round"/>
        </svg>
      </div>
    </div>
  </div>

</body>
</html>

Light Sources: Objects That Give Off Their Own Light

Why We Need Light to See

Understanding Darkness as the Absence of Light

Investigating Seeing in the Dark: The Peep Box Experiment

Distinguishing Natural and Artificial Light Sources

How Light Enters the Eye So We Can See

science

Light, Seeing, and Darkness

Czym jest temperatura i dlaczego zmysły nas mylą

Stan równowagi termicznej i wyrównywanie temperatur

Warunek braku przepływu energii cieplnej między ciałami

Budowa i zasada działania termometrów cieczowych

Skala Celsjusza — punkty stałe i jednostka

Skala Kelvina i pojęcie zera bezwzględnego

Przeliczanie temperatur między skalą Celsjusza a skalą Kelvina

Skala Fahrenheita — budowa, historia i zastosowanie

Zmiana temperatury Delta T w skali Kelvina i skali Celsjusza

Nowoczesne przyrządy do pomiaru temperatury

Trening przeliczania i analizy temperatur w zadaniach

Temperatura, równowaga termiczna i skale temperatur

Sólidos, líquidos y gases: cómo se comportan

Las partículas en cada estado de la materia

Energía térmica y temperatura en los objetos

Cambios de estado por efecto de la temperatura

Fusión y solidificación: de sólido a líquido y viceversa

Evaporación, ebullición y condensación

Sublimación: cambios directos entre sólido y gas

El ciclo del agua y los cambios de estado en la naturaleza

Conservación de la masa durante los cambios de estado

Cambios físicos frente a cambios químicos en la materia

Estados de la materia y energía térmica

Ziarnista budowa materii — atomy, cząsteczki i siły międzycząsteczkowe

Ruchy Browna i dyfuzja jako dowody ruchu cząsteczek

Temperatura jako miara średniej energii kinetycznej cząsteczek

Czym jest energia wewnętrzna układu

Czynniki wpływające na całkowitą energię wewnętrzną

Zmiana energii wewnętrznej przez wykonanie pracy

Przekaz energii w postaci ciepła — warunek różnicy temperatur

Pierwsza zasada termodynamiki — bilans pracy i ciepła

Praca i ciepło w życiu codziennym — analiza przypadków

Synteza: ruch cząsteczek, temperatura i energia wewnętrzna

Kinetyczno-cząsteczkowa teoria materii i energia wewnętrzna

Mechanizm przewodnictwa cieplnego w ciałach stałych

Przewodniki i izolatory ciepła — klasyfikacja materiałów

Uwięzione powietrze jako doskonały izolator termiczny

Doświadczenie: porównanie przewodnictwa cieplnego metali

Mechanizm konwekcji — dlaczego ciepły płyn unosi się do góry

Konwekcja w atmosferze i instalacjach domowych

Promieniowanie cieplne (podczerwień) — przekazywanie energii bez nośnika

Wpływ barwy powierzchni na pochłanianie i emisję ciepła

Jak działa termos — blokowanie przewodnictwa, konwekcji i promieniowania

Termomodernizacja i izolacja cieplna w budownictwie

Podsumowanie i zadania: przewodnictwo, konwekcja czy promieniowanie?

Sposoby przekazywania ciepła: przewodnictwo, konwekcja i promieniowanie

Ilość ciepła a masa, zmiana temperatury i rodzaj substancji

Pojęcie ciepła właściwego — definicja i interpretacja

Jednostka ciepła właściwego: J/(kg·°C) oraz J/(kg·K)

Wzór na ilość pobranego lub oddanego ciepła: Q = m · c · Delta T

Analiza tabeli ciepła właściwego ciał stałych, cieczy i gazów

Anomalnie duże ciepło właściwe wody i regulacja klimatu

Przekształcanie wzoru Q = m · c · Delta T: wyznaczanie m oraz Delta T

Obliczanie temperatury końcowej ciała po dostarczeniu ciepła

Ciepło właściwe i obliczanie ilości ciepła

Formas de energía: Cinética, potencial y térmica

Energía luminosa: fuentes naturales y artificiales

Aparatos que generan luz: bombillos, linternas y pantallas

Aparatos que generan calor: planchas, estufas y calentadores

Energía mecánica: movimiento y fuerza en acción

Aparatos que generan movimiento: motores, licuadoras y ventiladores

Dispositivos que transforman energía en varias formas

Formas de energía y transformación en aparatos cotidianos

Kinetic and Potential Energy in Moving Objects

How Thermal Energy Flows from Warm to Cool

Thermal Equilibrium: When Net Energy Transfer Stops

Testing Thermal Conductivity of Everyday Materials

Insulators: Materials That Slow Down Heat Transfer

Materials That Conduct Both Heat and Electricity

Forms of Energy and Thermal Transfer

Zasada bilansu cieplnego w układzie izolowanym

Wyznaczanie temperatury końcowej mieszaniny dwóch porcji cieczy

Wyznaczanie ciepła właściwego metalu z bilansu cieplnego

Kompleksowe zadania rachunkowe z ciepła właściwego

Bilans cieplny w zadaniach fizycznych

Generación de electricidad a partir del agua, el viento y el sol

Eficiencia energética y etiquetas de consumo en electrodomésticos

Hábitos de uso responsable de la energía en el hogar

Calentadores solares caseros: aprovechar el calor del sol

Fuentes de electricidad y uso responsable de la energía

What Is Heat Energy?

The Sun as a Source of Heat Energy

Burning as a Source of Heat Energy

Friction and Electricity as Heat Sources

Our Bodies Make Heat

What Is Temperature?

Using a Thermometer to Measure Temperature

Observing Temperature Changes from Heat Flow

How Heat Moves from Hot to Cold

Measuring Temperature Before and After Heating

Heat Energy and Temperature

¿Qué es la corriente eléctrica y cómo fluye?

Circuitos eléctricos simples: Componentes y conductores

Materiales conductores y aislantes de la electricidad

Circuitos en serie: un solo camino para la corriente

Circuitos en paralelo: múltiples caminos independientes

Interruptores, sensores y control del paso eléctrico

Los circuitos impresos en computadores y celulares

Electromagnetismo: motores y electroimanes en la industria

Sistemas de alarma y seguridad con circuitos básicos

Seguridad eléctrica en el hogar y prevención de cortocircuitos

Reciclaje y disposición segura de pilas y baterías

Circuitos eléctricos y tecnología en la sociedad

What Is Energy?

Light Energy All Around Us

What Is Sound?

What Is Thermal Energy?

How Moving Objects Carry Energy

Forms of Energy: Light, Sound, Thermal, and Mechanical

Trzy stany skupienia materii i schemat przemian fazowych

Topnienie ciał krystalicznych i temperatura topnienia

Dlaczego temperatura nie rośnie podczas topnienia?

Krzepnięcie jako proces odwrotny do topnienia

Topnienie ciał bezpostaciowych (amorficznych) — szkło, wosk, tworzywa

Pojęcie ciepła topnienia i krzepnięcia: wzór Q = m · L_t oraz jednostka J/kg

Obliczanie ciepła topnienia i krzepnięcia ze wzoru Q = m · c_t

Wykres temperatury w czasie podczas ogrzewania, topnienia i dalszego ogrzewania

Wieloetapowe ogrzewanie: od lodu w -10°C do wody w 0°C

Anomalia rozszerzalności cieplnej wody i życie w zamarzających zbiornikach

Zmiana objętości przy krzepnięciu — rozsadzanie rur i skał przez lód

Zastosowanie procesów topnienia i krzepnięcia w technice i przyrodzie

Zmiany stanów skupienia: topnienie i krzepnięcie

Cómo viaja el calor: conducción térmica en sólidos

Materiales conductores y aislantes del calor

Convección y radiación: el calor en fluidos y en el vacío

Electricidad estática: cargas que se atraen y repelen

El camino de la electricidad: qué es un circuito simple

Circuitos en serie y en paralelo: comparando conexiones

Transformaciones de la energía eléctrica en luz, calor y movimiento

Electroimanes: la conexión entre electricidad y magnetismo

Seguridad eléctrica y uso responsable de la energía

Calor, electricidad y circuitos

Cambios físicos versus cambios químicos

Cambios físicos en la cocina: picar, rallar y mezclar

Cambios de estado en la cocina: evaporar, derretir y congelar

La cocción del huevo: desnaturalización de proteínas

Caramelización y dorado: el azúcar y el pan tostado

La fermentación en el pan: levaduras produciendo gas

Oxidación de frutas: ¿por qué se oscurecen manzanas y aguacates?

La química de los leudantes: bicarbonato y vinagre en repostería

Métodos de cocción: hervir, asar, freír y al vapor

Métodos tradicionales de conservación: salado, ahumado y almíbares

Higiene y manipulación segura de alimentos en el hogar

La ciencia en la cocina: cambios físicos y químicos

Parowanie jako zjawisko powierzchniowe — mechanizm mikroskopowy

Czynniki wpływające na szybkość parowania

Dlaczego parująca ciecz się ochładza — pocenie się i termoregulacja

Wrzenie jako gwałtowne parowanie w całej objętości cieczy

Stałość temperatury wrzenia i ciepło parowania

Wpływ ciśnienia zewnętrznego na temperaturę wrzenia cieczy

Skraplanie (kondensacja) pary — oddawanie ciepła i powstawanie mgły

Ciepło sublimacji i resublimacji — suchy lód oraz powstawanie szronu i śniegu

Analiza pełnej krzywej ogrzewania: od lodu przez wodę do pary wodnej

Wieloetapowe bilanse cieplne z udziałem przemian fazowych

Cykl hydrologiczny Ziemi jako globalny wymiennik ciepła

Parowanie, wrzenie, sublimacja i resublimacja

Finding Energy in Your Kitchen

Finding Energy Outdoors

Energy in Toys and Games

Sorting Examples by Energy Type

Multiple Energy Forms in One Object

Comparing Light, Sound, Thermal, and Mechanical Energy

Describing Energy in Everyday Objects

Spotting and Comparing Energy in Everyday Life

El tiempo atmosférico y el clima

Los pisos térmicos de Colombia y su influencia en la vida

Viviendas en clima cálido: palafitos, techos altos y ventilación

Viviendas en clima frío: adobe, ladrillo y aislamiento térmico

Materiales autóctonos: la guadua y la caña flecha en la construcción

Aparatos eléctricos según el clima: aires acondicionados y calefactores

Clima, pisos térmicos y arquitectura en Colombia

Doświadczenie: demonstracja topnienia, wrzenia i skraplania wody

Doświadczenie: pomiar temperatury podczas topnienia i krzepnięcia

Doświadczenie: badanie przewodnictwa cieplnego prętów metalowych i niemetalowych

Doświadczenie: obserwacja prądów konwekcyjnych za pomocą barwnika lub dymu

Kalorymetr szkolny — budowa, zasada izolacji i obsługa

Doświadczenie: wyznaczanie ciepła właściwego wody z użyciem czajnika elektrycznego

Doświadczenie: wyznaczanie ciepła właściwego wody z grzałką o znanej mocy i wagą

OGS.4.PS.3

Aligned learning resources

Related diagrams