<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Fossil Fuel Energy Density & Extraction Trade-offs</title>
  <style>
    * { 
      box-sizing: border-box; 
      margin: 0; 
      padding: 0; 
    }

    body {
      font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
      background: transparent;
      color: #0f172a;
      padding: 10px;
      display: flex;
      flex-direction: column;
      gap: 12px;
      user-select: none;
      line-height: 1.35;
      max-width: 680px;
      margin: 0 auto;
    }

    /* Section Titles */
    .section-title {
      font-size: 11px;
      font-weight: 800;
      text-transform: uppercase;
      letter-spacing: 0.6px;
      color: #475569;
      margin-bottom: 6px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      flex-wrap: wrap;
      gap: 4px;
    }

    .section-subtitle {
      font-size: 11px;
      font-weight: 500;
      color: #64748b;
      text-transform: none;
      letter-spacing: normal;
    }

    /* Top: Energy Density Comparison */
    .density-section {
      display: flex;
      flex-direction: column;
      gap: 8px;
    }

    .density-row {
      display: grid;
      grid-template-columns: 88px 1fr 68px;
      align-items: center;
      gap: 8px;
      font-size: 12px;
    }

    .fuel-info {
      display: flex;
      flex-direction: column;
      justify-content: center;
      line-height: 1.15;
    }

    .fuel-name {
      font-weight: 700;
      color: #1e293b;
      font-size: 12px;
      display: flex;
      align-items: center;
      gap: 4px;
    }

    .fuel-sub {
      font-size: 10px;
      color: #64748b;
      font-weight: 500;
      padding-left: 18px;
    }

    .bar-track {
      width: 100%;
      height: 20px;
      background: #e2e8f0;
      border-radius: 4px;
      overflow: hidden;
      position: relative;
    }

    .bar-fill {
      height: 100%;
      border-radius: 4px;
      transition: width 0.6s ease;
      display: flex;
      align-items: center;
      padding: 0 6px;
    }

    .oil-bar { 
      width: 100%; 
      background: linear-gradient(90deg, #d97706, #b45309); 
    }
    .coal-bar { 
      width: 54.5%; 
      background: linear-gradient(90deg, #475569, #334155); 
    }
    .wood-bar { 
      width: 36.4%; 
      background: linear-gradient(90deg, #65a30d, #4d7c0f); 
    }

    .energy-val {
      font-variant-numeric: tabular-nums;
      font-size: 11px;
      font-weight: 800;
      color: #1e293b;
      text-align: right;
      white-space: nowrap;
    }

    .energy-val span {
      font-size: 10px;
      font-weight: 600;
      color: #64748b;
    }

    /* Bottom Grid: Extraction Methods & Emissions */
    .bottom-grid {
      display: grid;
      grid-template-columns: 1.15fr 0.85fr;
      gap: 10px;
      align-items: stretch;
    }

    .column {
      display: flex;
      flex-direction: column;
      gap: 6px;
    }

    /* Extraction Methods */
    .methods-list {
      display: flex;
      flex-direction: column;
      gap: 6px;
    }

    .method-item {
      display: flex;
      align-items: flex-start;
      gap: 8px;
      padding: 7px 9px;
      border-radius: 6px;
      background: #f1f5f9;
      cursor: pointer;
      border: 1px solid transparent;
      transition: background-color 0.3s ease, border-color 0.3s ease;
    }

    .method-item:hover {
      background: #e2e8f0;
    }

    .method-item.active {
      background: #fff7ed;
      border-color: #f97316;
    }

    .method-icon {
      font-size: 16px;
      line-height: 1.2;
      flex-shrink: 0;
      margin-top: 1px;
    }

    .method-info {
      flex: 1;
      display: flex;
      flex-direction: column;
      gap: 2px;
      min-width: 0;
    }

    .method-header {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 4px;
      flex-wrap: wrap;
    }

    .method-name {
      font-size: 11.5px;
      font-weight: 700;
      color: #0f172a;
    }

    .method-risk-tag {
      font-size: 9.5px;
      font-weight: 700;
      color: #b91c1c;
      background: #fee2e2;
      padding: 1px 4px;
      border-radius: 3px;
      white-space: nowrap;
    }

    .method-desc {
      font-size: 10.5px;
      color: #475569;
      line-height: 1.25;
    }

    .active-detail-box {
      font-size: 10.5px;
      color: #9a3412;
      background: #ffedd5;
      padding: 6px 8px;
      border-radius: 4px;
      border-left: 3px solid #ea580c;
      line-height: 1.3;
      margin-top: 2px;
    }

    /* Emissions Smokestack Display */
    .stack-visual-wrapper {
      background: #f8fafc;
      border-radius: 6px;
      padding: 8px 8px 0 8px;
      display: flex;
      flex-direction: column;
      align-items: center;
      position: relative;
      overflow: hidden;
      height: 100%;
      min-height: 180px;
      justify-content: space-between;
      border: 1px solid #e2e8f0;
    }

    .plume-container {
      display: flex;
      flex-direction: column;
      gap: 6px;
      width: 100%;
      align-items: center;
      z-index: 1;
      padding-top: 2px;
    }

    .gas-tag {
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: 100%;
      max-width: 210px;
      padding: 4px 7px;
      border-radius: 4px;
      font-size: 10.5px;
      font-weight: 700;
      animation: smoothFloat 6s ease-in-out infinite alternate;
      will-change: transform;
    }

    .tag-co2 {
      background: #fee2e2;
      color: #991b1b;
      border: 1px solid #fca5a5;
      animation-delay: 0s;
    }

    .tag-so2 {
      background: #fef9c3;
      color: #854d0e;
      border: 1px solid #fde047;
      animation-delay: 2s;
    }

    .tag-pm {
      background: #f1f5f9;
      color: #334155;
      border: 1px solid #cbd5e1;
      animation-delay: 4s;
    }

    .gas-chem {
      font-weight: 800;
      font-size: 11px;
      letter-spacing: 0.2px;
    }

    .gas-desc {
      font-size: 9.5px;
      font-weight: 600;
      opacity: 0.9;
    }

    @keyframes smoothFloat {
      0% {
        transform: translateY(0px);
      }
      50% {
        transform: translateY(-2.5px);
      }
      100% {
        transform: translateY(-5px);
      }
    }

    .smokestack-area {
      display: flex;
      flex-direction: column;
      align-items: center;
      width: 100%;
      z-index: 2;
      margin-top: 4px;
    }

    .smokestack-svg {
      width: 56px;
      height: 38px;
      display: block;
    }

    .stack-ground {
      width: 100%;
      height: 4px;
      background: #cbd5e1;
      border-radius: 2px;
    }

    /* Small Mobile Viewport Adjustments */
    @media (max-width: 460px) {
      .density-row {
        grid-template-columns: 78px 1fr 58px;
        gap: 6px;
      }
      .fuel-name {
        font-size: 11px;
      }
      .fuel-sub {
        font-size: 9px;
        padding-left: 16px;
      }
      .energy-val {
        font-size: 10px;
      }
      .bottom-grid {
        grid-template-columns: 1fr;
        gap: 10px;
      }
      .stack-visual-wrapper {
        min-height: 160px;
      }
    }
  </style>
</head>
<body>

  
  <section class="density-section">
    <div class="section-title">
      <span>Energy Density Comparison</span>
      <span class="section-subtitle">Heat released per 1 kg of fuel</span>
    </div>

    
    <div class="density-row">
      <div class="fuel-info">
        <span class="fuel-name">🛢️ Oil</span>
        <span class="fuel-sub">Petroleum</span>
      </div>
      <div class="bar-track" title="Petroleum: 44 MJ/kg">
        <div class="bar-fill oil-bar"></div>
      </div>
      <div class="energy-val">44 <span>MJ/kg</span></div>
    </div>

    
    <div class="density-row">
      <div class="fuel-info">
        <span class="fuel-name">🪨 Coal</span>
        <span class="fuel-sub">Anthracite</span>
      </div>
      <div class="bar-track" title="Anthracite/Bituminous: 24 MJ/kg">
        <div class="bar-fill coal-bar"></div>
      </div>
      <div class="energy-val">24 <span>MJ/kg</span></div>
    </div>

    
    <div class="density-row">
      <div class="fuel-info">
        <span class="fuel-name">🪵 Wood</span>
        <span class="fuel-sub">Biomass</span>
      </div>
      <div class="bar-track" title="Dry Biomass: 16 MJ/kg">
        <div class="bar-fill wood-bar"></div>
      </div>
      <div class="energy-val">16 <span>MJ/kg</span></div>
    </div>
  </section>

  
  <div class="bottom-grid">
    
    
    <div class="column">
      <div class="section-title">Extraction Trade-Offs</div>
      <div class="methods-list" id="methodsList">
        
        <div class="method-item active" data-detail="Surface excavation of coal strips topsoil and vegetation, destroying biodiversity and causing massive erosion.">
          <span class="method-icon">🚜</span>
          <div class="method-info">
            <div class="method-header">
              <span class="method-name">Strip Mining</span>
              <span class="method-risk-tag">Habitat Loss</span>
            </div>
            <p class="method-desc">Surface coal excavation</p>
          </div>
        </div>

        <div class="method-item" data-detail="Deep ocean drilling risks high-pressure well blowouts, contaminating marine food webs and coastal habitats.">
          <span class="method-icon">🌊</span>
          <div class="method-info">
            <div class="method-header">
              <span class="method-name">Deep-Sea Rig</span>
              <span class="method-risk-tag">Oil Spill</span>
            </div>
            <p class="method-desc">Subsea petroleum extraction</p>
          </div>
        </div>

        <div class="method-item" data-detail="Injecting pressurized chemical fluids into shale beds risks fracturing into local drinking water aquifers.">
          <span class="method-icon">⚡</span>
          <div class="method-info">
            <div class="method-header">
              <span class="method-name">Hydraulic Fracking</span>
              <span class="method-risk-tag">Aquifer Risk</span>
            </div>
            <p class="method-desc">Shale gas & tight oil extraction</p>
          </div>
        </div>

      </div>

      <div class="active-detail-box" id="detailBox">
        <strong>Impact:</strong> Surface excavation of coal strips topsoil and vegetation, destroying biodiversity and causing massive erosion.
      </div>
    </div>

    
    <div class="column">
      <div class="section-title">Combustion Emissions</div>
      <div class="stack-visual-wrapper">
        
        <div class="plume-container">
          <div class="gas-tag tag-co2">
            <span class="gas-chem">CO₂</span>
            <span class="gas-desc">Carbon Dioxide (GHG)</span>
          </div>
          <div class="gas-tag tag-so2">
            <span class="gas-chem">SO₂</span>
            <span class="gas-desc">Sulfur Dioxide (Acid Rain)</span>
          </div>
          <div class="gas-tag tag-pm">
            <span class="gas-chem">PM₂.₅</span>
            <span class="gas-desc">Particulates (Smog)</span>
          </div>
        </div>

        
        <div class="smokestack-area">
          <svg class="smokestack-svg" viewBox="0 0 70 45" aria-hidden="true">
            <polygon points="22,45 48,45 43,10 27,10" fill="#475569" />
            <rect x="25" y="6" width="20" height="4" rx="1.5" fill="#1e293b" />
            <line x1="26" y1="18" x2="44" y2="18" stroke="#f8fafc" stroke-width="2.5" stroke-dasharray="3.5,3"/>
            <line x1="24" y1="30" x2="46" y2="30" stroke="#ea580c" stroke-width="2.5" stroke-dasharray="3.5,3"/>
          </svg>
          <div class="stack-ground"></div>
        </div>

      </div>
    </div>

  </div>

  <script>
    const items = document.querySelectorAll('.method-item');
    const detailBox = document.getElementById('detailBox');

    items.forEach((item) => {
      item.addEventListener('click', () => {
        items.forEach(i => i.classList.remove('active'));
        item.classList.add('active');
        const detailText = item.getAttribute('data-detail');
        if (detailBox && detailText) {
          detailBox.innerHTML = '<strong>Impact:</strong> ' + detailText;
        }
      });
    });
  </script>
</body>
</html>

Renewable vs. Non-Renewable Energy Resources

<!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">
  <title>Energy Replenishment Timescales</title>
  <style>
    * {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
    }

    body {
      font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
      color: #1e2945;
      background: transparent;
      padding: 12px;
      display: flex;
      flex-direction: column;
      gap: 12px;
      width: 100%;
      height: 100%;
      user-select: none;
    }

    /* Grid container for 2 comparison columns */
    .grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 12px;
      flex: 1;
      min-height: 0;
    }

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

    /* Inner Column Cards */
    .col-card {
      background: #ffffff;
      border: 1px solid #e2e8f0;
      border-radius: 12px;
      padding: 14px;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      box-shadow: 0 2px 6px rgba(30, 41, 69, 0.04);
      position: relative;
      overflow: hidden;
    }

    .col-card.non-renew {
      border-top: 4px solid #d97706;
    }

    .col-card.renew {
      border-top: 4px solid #0d9488;
    }

    .card-header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 8px;
    }

    .card-title {
      font-size: 15px;
      font-weight: 700;
      color: #1e2945;
    }

    .badge {
      font-size: 12px;
      font-weight: 600;
      padding: 3px 8px;
      border-radius: 999px;
    }

    .badge-amber {
      background: #fef3c7;
      color: #92400e;
    }

    .badge-teal {
      background: #ccfbf1;
      color: #0f766e;
    }

    /* Visual stage area */
    .visual-area {
      flex: 1;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      gap: 10px;
      padding: 6px 0;
    }

    /* Non-renewable formation sequence */
    .formation-row {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 6px;
      width: 100%;
    }

    .step-node {
      display: flex;
      flex-direction: column;
      align-items: center;
      font-size: 20px;
    }

    .arrow {
      font-size: 13px;
      color: #94a3b8;
    }

    /* Reserve Meter */
    .meter-box {
      width: 100%;
      background: #f8fafc;
      border: 1px solid #e2e8f0;
      border-radius: 8px;
      padding: 8px 10px;
    }

    .meter-label {
      font-size: 12px;
      font-weight: 600;
      color: #64748b;
      margin-bottom: 4px;
      display: flex;
      justify-content: space-between;
    }

    .progress-track {
      width: 100%;
      height: 14px;
      background: #e2e8f0;
      border-radius: 999px;
      overflow: hidden;
      position: relative;
    }

    .progress-bar-amber {
      height: 100%;
      width: 15%;
      background: linear-gradient(90deg, #f59e0b, #d97706);
      border-radius: 999px;
      transition: width 0.4s ease;
    }

    .progress-bar-teal {
      height: 100%;
      width: 100%;
      background: linear-gradient(90deg, #14b8a6, #0d9488);
      border-radius: 999px;
    }

    /* Renewable cycle display */
    .flows-grid {
      display: flex;
      justify-content: space-around;
      align-items: center;
      width: 100%;
    }

    .flow-item {
      display: flex;
      flex-direction: column;
      align-items: center;
      font-size: 22px;
      position: relative;
    }

    .infinite-symbol {
      font-size: 28px;
      font-weight: 800;
      color: #0d9488;
      animation: pulse 2.5s infinite ease-in-out;
    }

    @keyframes pulse {
      0%, 100% { transform: scale(1); opacity: 0.85; }
      50% { transform: scale(1.15); opacity: 1; }
    }

    /* Interactive controls */
    .controls {
      display: flex;
      gap: 8px;
      justify-content: center;
      align-items: center;
    }

    .btn {
      font-size: 13px;
      font-weight: 600;
      padding: 6px 14px;
      border-radius: 6px;
      border: 1px solid #cbd5e1;
      background: #ffffff;
      color: #1e2945;
      cursor: pointer;
      display: inline-flex;
      align-items: center;
      gap: 6px;
      transition: background 0.2s, border-color 0.2s;
    }

    .btn:hover {
      background: #f8fafc;
      border-color: #94a3b8;
    }

    .btn.active {
      background: #1e2945;
      color: #ffffff;
      border-color: #1e2945;
    }
  </style>
</head>
<body>

  <div class="grid">
    
    <div class="col-card non-renew">
      <div class="card-header">
        <span class="card-title">Non-Renewable</span>
        <span class="badge badge-amber">300 Million Years</span>
      </div>

      <div class="visual-area">
        <div class="formation-row">
          <div class="step-node">🌿</div>
          <span class="arrow">➔</span>
          <div class="step-node">🪨</div>
          <span class="arrow">➔</span>
          <div class="step-node">🛢️</div>
        </div>

        <div class="meter-box">
          <div class="meter-label">
            <span>Depletes in Decades</span>
            <span id="fossil-val">15%</span>
          </div>
          <div class="progress-track">
            <div id="fossil-bar" class="progress-bar-amber"></div>
          </div>
        </div>
      </div>
    </div>

    
    <div class="col-card renew">
      <div class="card-header">
        <span class="card-title">Renewable</span>
        <span class="badge badge-teal">Seconds to Days</span>
      </div>

      <div class="visual-area">
        <div class="flows-grid">
          <div class="flow-item">☀️</div>
          <div class="infinite-symbol">∞</div >
          <div class="flow-item">💨</div>
        </div>

        <div class="meter-box">
          <div class="meter-label">
            <span>Replenishes Constantly</span>
            <span>100%</span>
          </div>
          <div class="progress-track">
            <div class="progress-bar-teal"></div>
          </div>
        </div>
      </div>
    </div>
  </div>

  
  <div class="controls">
    <button id="btn-use" class="btn" onclick="drain()">⚡ Fast Drain</button>
    <button id="btn-reset" class="btn active" onclick="reset()">↺ Reset</button>
  </div>

  <script>
    function drain() {
      document.getElementById('fossil-bar').style.width = '2%';
      document.getElementById('fossil-val').innerText = '2%';
      document.getElementById('btn-use').classList.add('active');
      document.getElementById('btn-reset').classList.remove('active');
    }

    function reset() {
      document.getElementById('fossil-bar').style.width = '80%';
      document.getElementById('fossil-val').innerText = '80%';
      document.getElementById('btn-reset').classList.add('active');
      document.getElementById('btn-use').classList.remove('active');
    }

    // Initialize to medium reserve
    reset();
  </script>
</body>
</html>

Recursos naturales renovables y no renovables

Combustibles fósiles: origen, usos y agotamiento

Energía solar: radiación y paneles fotovoltaicos en el entorno

Energía eólica: fuerza del viento y aerogeneradores

Biomasa y biocombustibles: energía a partir de materia orgánica

Energía geotérmica: calor de la Tierra y aplicaciones

Impacto ambiental de la extracción minera y energética

Deforestación, expansión urbana y pérdida de suelo fértil

Sobreexplotación de especies y amenaza a la biodiversidad

Eficiencia energética y hábitos de ahorro en el hogar

Potencial energético regional en Colombia

science

Recursos naturales, fuentes de energía y sostenibilidad

Los ríos y el nacimiento de las primeras civilizaciones

Cuencas hidrográficas: estructura y captación de agua

Los páramos y bosques de niebla como fábricas de agua

Aguas subterráneas: acuíferos y recarga hídrica

Sistemas ancestrales y modernos de riego agrícola

Potabilización del agua: etapas y procesos de tratamiento

Distribución urbana y rural del agua: acueductos comunitarios

Vertimientos domésticos e industriales en fuentes hídricas

Eutrofización: acumulación de nutrientes en lagos y embalses

Gobernanza del agua y conservación comunitaria de microcuencas

El recurso hídrico, civilizaciones y gestión de cuencas

Contaminantes atmosféricos: material particulado y gases tóxicos

Enfermedades respiratorias asociadas a la calidad del aire

Contaminación química del suelo: pesticidas y metales pesados

Bioacumulación y biomagnificación en las redes tróficas

Gestión inadecuada de residuos sólidos: lixiviados y vectores

El problema de los microplásticos en ecosistemas y alimentos

Contaminación acústica y efectos en el sistema auditivo y nervioso

Contaminación lumínica y alteración de ritmos circadianos

Calidad del agua potable y enfermedades gastrointestinales

Monitoreo ambiental participativo en la escuela y barrio

Factores de contaminación ambiental y salud humana

Natural Phenomena That Affect the Water Table

Watershed Dynamics and Aquifer Depletion

Soil Nutrient Cycles and Agricultural Fertility

Mechanisms of Water Erosion: Raindrop Splash to Gully Incision

Air and Water Pollution: Causes and Ecological Effects

Habitat Fragmentation and Biodiversity Loss

Solid Waste Management and Watershed Restoration

Natural Resources, Watershed Ecology, and Environmental Stewardship

Métodos de separación de mezclas

Filtración y tamizado: separación de sólidos y líquidos insolubles

Decantación y centrifugación: separación por diferencia de densidad

Evaporación y cristalización: obtención de solutos sólidos

Destilación simple y fraccionada: puntos de ebullición

Refinación del petróleo: destilación fraccionada industrial

Separación magnética e inmantación en la minería y reciclaje

Cromatografía: separación de pigmentos y sustancias colorantes

Tratamiento de aguas residuales: procesos físicos y químicos

Procesos industriales de extracción de aceites y esencias vegetales

Métodos de separación de mezclas y química industrial

¿Qué es una controversia sociocientífica?

Debate sobre organismos genéticamente modificados: transgénicos

Energía nuclear, combustibles fósiles y energías renovables

Cambio climático global: causas antrópicas y acuerdos mundiales

Minería, desarrollo económico y protección de cuencas hídricas

Vacunación e inmunización colectiva: salud pública vs. desinformación

Uso de animales en la investigación científica y bioética

Inteligencia artificial y automatización en las ciencias

Análisis de noticias científicas y detección de pseudociencia

Controversias sociocientíficas: análisis crítico de dilemas actuales

Diagnóstico y caracterización de residuos en el colegio

Clasificación de residuos: orgánicos, inorgánicos y peligrosos

El código nacional de colores para la separación en la fuente

Tiempos de degradación de materiales y microplásticos

Fundamentos de clasificación y diagnóstico de residuos escolares

Diseño de un sistema de compostaje escolar para materia orgánica

El papel de los descomponedores: bacterias, hongos y lombrices

La jerarquía de las 5R: rechazar, reducir, reutilizar, reparar y reciclar

Economía circular frente al modelo lineal de desecho

Manejo de residuos electrónicos y baterías en la escuela

Estrategias técnicas de aprovechamiento y prevención de residuos

Campañas de comunicación y sensibilización ambiental escolar

Trabajo articulado con recicladores de oficio y la comunidad

Medición de indicadores de reducción de basura en el tiempo

Auditoría ambiental escolar y propuestas de mejora continua

Implementación comunitaria y evaluación de la sostenibilidad escolar

¿Qué son los ambientes extremos? Temperatura, presión, pH y salinidad

Termófilos e hipertermófilos: vida a altas temperaturas

La enzima Taq polimerasa: revolución biotecnológica de la PCR

Psicrófilos: microorganismos adaptados al frío extremo

Enzimas psicrófilas en detergentes y lavado ecológico en frío

Halófilos: arqueas y bacterias en ambientes hipersalinos

Acidófilos y biolixiviación bacteriana en la minería sostenible

Alcalófilos en la industria textil y fabricación de papel

Biorremediación microbiana: limpieza de derrames de petróleo

Biorreactores y producción industrial de biopolímeros sostenibles

Microorganismos extremófilos y biotecnología industrial

Colombia país megadiverso: riqueza de especies y endemismos

Niveles de organización ecológica: individuo, población, comunidad

Relaciones interespecíficas: simbiosis, depredación y mutualismo

Redes tróficas y flujo de materia y energía en ecosistemas

Especies clave y el efecto cascada de la extinción

Biodiversidad y ecología de Colombia

地表形态塑造的内外力作用基础

流水侵蚀作用与水土流失的成因分析

风力侵蚀与荒漠化土地退化机制

探究植被覆盖对水土流失影响的对比实验设计

制作不同植被覆盖（裸地、草皮、枯落物层）的土壤模型

模拟降雨装置的设计与降水强度控制

测量与记录不同地表径流收集量与泥沙含量

探究坡度大小对地表径流与土壤侵蚀的影响

探究降雨强度与持续时间对水土流失的加剧效应

探究土壤质地（沙土、壤土、黏土）对水土流失的影响

流水侵蚀与水土流失模拟实验探究

Amenazas a la biodiversidad: deforestación y fragmentación de hábitat

Impacto de las especies invasoras en los ecosistemas locales

Tráfico ilegal de fauna silvestre y consecuencias ecológicas

Servicios ecosistémicos: regulación, provisión y valores culturales

Conservación de páramos, humedales y bosques andinos

Áreas protegidas: Parques Nacionales Naturales y reservas

Amenazas a la biodiversidad y estrategias de conservación

植物根系在固土固坡中的力学与生物学机制

森林冠层截留雨水与减少雨滴溅蚀的作用探究

水土流失对河流含沙量、水质与水利设施的危害

我国黄土高原水土流失的历史演变与地理特征

梯田工程在保持水土与农业耕作中的原理与效果

植树造林与退耕还林还草的生态修复效益

小流域综合治理模式与生态工程案例

植被固土机理与小流域水土保持工程

Cuidado y bienestar de animales domésticos y de compañía

Conservación del suelo: erosión y técnicas de reforestación

Cuidado y mantenimiento del mobiliario y espacios escolares

Huertos escolares y jardines para polinizadores

Ciencia ciudadana: monitoreo de aves y calidad del agua

Diseño de un proyecto escolar de restauración ecológica

Compromiso ético con las generaciones futuras y la Tierra

Cuidado del entorno y participación ciudadana

城市化地表硬化对城市内涝与径流的影响模拟

海绵城市建设理念与雨水下渗滞蓄技术

湿地生态系统在蓄洪涵水与净化水质中的功能

模拟风沙防护林阻挡风沙运移的实验探究

探究地表覆盖物（地膜与秸秆覆盖）的保水保土效果

水土保持实验的数据分析、柱状图绘制与误差反思

人与自然和谐共生：流域生态安全与可持续发展规划

生态水文、海绵城市与可持续发展规划

OGS.8.ESS.5

OGS.8.ESS.5

Aligned learning resources

Related diagrams