<!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, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
      background: #ffffff;
      color: #1e2945;
      padding: 12px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      min-height: 100%;
    }
    .diagram-flow {
      width: 100%;
      max-width: 520px;
      display: flex;
      flex-direction: column;
      gap: 8px;
    }
    .step-card {
      display: flex;
      align-items: center;
      gap: 12px;
      padding: 10px 14px;
      border-radius: 12px;
      background: #f8fafc;
      border: 2px solid #e2e8f0;
      cursor: pointer;
      transition: all 0.25s ease;
      user-select: none;
    }
    .step-card:hover {
      background: #f1f5f9;
    }
    .step-card.active {
      border-color: var(--accent);
      background: #ffffff;
      box-shadow: 0 4px 14px var(--glow);
    }
    .step-1 { --accent: #2563eb; --glow: rgba(37, 99, 235, 0.15); --bg-icon: #dbeafe; --text-icon: #1d4ed8; }
    .step-2 { --accent: #0284c7; --glow: rgba(2, 132, 199, 0.15); --bg-icon: #e0f2fe; --text-icon: #0369a1; }
    .step-3 { --accent: #7c3aed; --glow: rgba(124, 58, 237, 0.15); --bg-icon: #ede9fe; --text-icon: #6d28d9; }

    .icon-badge {
      width: 38px;
      height: 38px;
      min-width: 38px;
      border-radius: 10px;
      background: var(--bg-icon);
      color: var(--text-icon);
      font-size: 20px;
      font-weight: 700;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .step-content {
      flex: 1;
      display: flex;
      flex-direction: column;
      gap: 2px;
    }
    .step-header {
      display: flex;
      justify-content: space-between;
      align-items: center;
    }
    .step-title {
      font-size: 12px;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.5px;
      color: var(--text-icon);
    }
    .step-formula {
      font-size: 15px;
      font-weight: 700;
      color: #0f172a;
    }
    .step-example {
      font-size: 12px;
      font-weight: 600;
      color: #64748b;
    }
    .arrow-divider {
      text-align: center;
      color: #94a3b8;
      font-size: 14px;
      line-height: 1;
      margin: -2px 0;
    }
    .check-badge {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      padding: 9px 14px;
      border-radius: 10px;
      background: #ecfdf5;
      border: 2px solid #10b981;
      color: #065f46;
      font-size: 13px;
      font-weight: 700;
      cursor: pointer;
      transition: all 0.25s ease;
    }
    .check-badge.active {
      box-shadow: 0 4px 14px rgba(16, 185, 129, 0.2);
      background: #d1fae5;
    }
    .check-icon {
      font-size: 16px;
      color: #059669;
    }

    /* Controls bar */
    .controls-row {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-top: 6px;
      padding: 0 4px;
    }
    .dots-nav {
      display: flex;
      gap: 6px;
    }
    .nav-dot {
      width: 24px;
      height: 24px;
      border-radius: 50%;
      background: #e2e8f0;
      color: #64748b;
      border: none;
      font-size: 11px;
      font-weight: 700;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      transition: all 0.2s ease;
    }
    .nav-dot:hover {
      background: #cbd5e1;
    }
    .nav-dot.active {
      background: #0f172a;
      color: #ffffff;
    }
    .play-btn {
      padding: 4px 10px;
      border-radius: 6px;
      background: #f1f5f9;
      border: 1px solid #cbd5e1;
      color: #334155;
      font-size: 11px;
      font-weight: 600;
      cursor: pointer;
      display: flex;
      align-items: center;
      gap: 4px;
      transition: all 0.2s ease;
    }
    .play-btn:hover {
      background: #e2e8f0;
    }
  </style>
</head>
<body>

  <div class="diagram-flow">
    
    <div class="step-card step-1 active" id="card-0" onclick="goToStep(0)">
      <div class="icon-badge">+</div>
      <div class="step-content">
        <div class="step-header">
          <span class="step-title">Step 1: Add Parts</span>
        </div>
        <div class="step-formula">a + b = Total Parts</div>
        <div class="step-example">2 + 3 = 5 parts</div>
      </div>
    </div>

    <div class="arrow-divider">↓</div>

    
    <div class="step-card step-2" id="card-1" onclick="goToStep(1)">
      <div class="icon-badge">÷</div>
      <div class="step-content">
        <div class="step-header">
          <span class="step-title">Step 2: Divide</span>
        </div>
        <div class="step-formula">Total ÷ Total Parts = 1 Part</div>
        <div class="step-example">$60 ÷ 5 = $12 (1 part)</div>
      </div>
    </div>

    <div class="arrow-divider">↓</div>

    
    <div class="step-card step-3" id="card-2" onclick="goToStep(2)">
      <div class="icon-badge">×</div>
      <div class="step-content">
        <div class="step-header">
          <span class="step-title">Step 3: Multiply</span>
        </div>
        <div class="step-formula">(1 Part) × a &nbsp;and&nbsp; (1 Part) × b</div>
        <div class="step-example">12 × 2 = $24 &nbsp;|&nbsp; 12 × 3 = $36</div>
      </div>
    </div>

    <div class="arrow-divider">↓</div>

    
    <div class="check-badge" id="card-3" onclick="goToStep(3)">
      <span class="check-icon">✓</span>
      <span>Check: Share 1 + Share 2 = Original Total ($24 + $36 = $60)</span>
    </div>

    
    <div class="controls-row">
      <div class="dots-nav">
        <button class="nav-dot active" id="dot-0" onclick="goToStep(0)">1</button>
        <button class="nav-dot" id="dot-1" onclick="goToStep(1)">2</button>
        <button class="nav-dot" id="dot-2" onclick="goToStep(2)">3</button>
        <button class="nav-dot" id="dot-3" onclick="goToStep(3)">✓</button>
      </div>
      <button class="play-btn" id="playBtn" onclick="togglePlay()">
        <span id="playIcon">⏸</span> Auto-Play
      </button>
    </div>
  </div>

  <script>
    let currentStep = 0;
    let isPlaying = true;
    let timer = null;

    function renderStep() {
      for (let i = 0; i < 4; i++) {
        const card = document.getElementById('card-' + i);
        const dot = document.getElementById('dot-' + i);
        if (i === currentStep) {
          card.classList.add('active');
          dot.classList.add('active');
        } else {
          card.classList.remove('active');
          dot.classList.remove('active');
        }
      }
    }

    function goToStep(index) {
      currentStep = index;
      renderStep();
    }

    function nextStep() {
      currentStep = (currentStep + 1) % 4;
      renderStep();
    }

    function startAutoPlay() {
      if (timer) clearInterval(timer);
      timer = setInterval(nextStep, 3500);
      isPlaying = true;
      document.getElementById('playIcon').textContent = '⏸';
    }

    function pauseAutoPlay() {
      if (timer) clearInterval(timer);
      timer = null;
      isPlaying = false;
      document.getElementById('playIcon').textContent = '▶';
    }

    function togglePlay() {
      if (isPlaying) {
        pauseAutoPlay();
      } else {
        startAutoPlay();
      }
    }

    // Initialize auto-play
    startAutoPlay();
  </script>
</body>
</html>

Dividing a Total Quantity into a Two-Part Ratio

<!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, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
      background: #ffffff;
      color: #1e2945;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      min-height: 100vh;
      padding: 16px;
    }
    .diagram-wrap {
      width: 100%;
      max-width: 580px;
      display: flex;
      flex-direction: column;
      gap: 18px;
    }
    /* Total Dimension Line */
    .dimension-container {
      position: relative;
      width: 100%;
      height: 36px;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .dimension-line {
      position: absolute;
      left: 0;
      right: 0;
      top: 50%;
      height: 2px;
      background: #64748b;
    }
    .dimension-line::before,
    .dimension-line::after {
      content: '';
      position: absolute;
      top: -6px;
      width: 2px;
      height: 14px;
      background: #64748b;
    }
    .dimension-line::before { left: 0; }
    .dimension-line::after { right: 0; }
    .dimension-badge {
      position: relative;
      z-index: 2;
      background: #ffffff;
      padding: 2px 12px;
      font-size: 15px;
      font-weight: 700;
      color: #334155;
      border: 1px solid #cbd5e1;
      border-radius: 12px;
    }
    /* Cable Model */
    .cable-row {
      display: flex;
      width: 100%;
      height: 54px;
      border-radius: 8px;
      overflow: hidden;
      box-shadow: 0 2px 6px rgba(0,0,0,0.06);
    }
    .segment {
      display: flex;
      height: 100%;
      cursor: pointer;
      transition: filter 0.2s ease, transform 0.2s ease;
    }
    .segment-teal {
      flex: 3;
    }
    .segment-purple {
      flex: 4;
    }
    .unit {
      flex: 1;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 14px;
      font-weight: 600;
      border-right: 1.5px dashed rgba(255, 255, 255, 0.4);
      user-select: none;
    }
    .unit:last-child {
      border-right: none;
    }
    .segment-teal .unit {
      background: #0d9488;
      color: #ffffff;
    }
    .segment-purple .unit {
      background: #7c3aed;
      color: #ffffff;
    }
    .segment:hover {
      filter: brightness(1.08);
    }
    /* Labels Row */
    .labels-row {
      display: flex;
      width: 100%;
      gap: 12px;
    }
    .label-box {
      flex: 3;
      padding: 10px;
      border-radius: 8px;
      font-size: 14px;
      font-weight: 600;
      text-align: center;
      line-height: 1.35;
    }
    .label-teal {
      background: #f0fdfa;
      border: 1px solid #99f6e4;
      color: #0f766e;
    }
    .label-purple {
      flex: 4;
      background: #faf5ff;
      border: 1px solid #ddd6fe;
      color: #6d28d9;
    }
    .label-box span {
      display: block;
      font-size: 13px;
      font-weight: 500;
      opacity: 0.85;
      margin-top: 2px;
    }
    /* Check Box */
    .check-box {
      align-self: center;
      background: #f8fafc;
      border: 1px solid #e2e8f0;
      border-radius: 20px;
      padding: 6px 16px;
      font-size: 14px;
      font-weight: 600;
      color: #1e2945;
      display: flex;
      align-items: center;
      gap: 6px;
    }
    .check-mark {
      color: #16a34a;
      font-weight: bold;
    }
  </style>
</head>
<body>
  <div class="diagram-wrap">
    
    <div class="dimension-container">
      <div class="dimension-line"></div>
      <div class="dimension-badge">Total Length: 35m (7 units)</div>
    </div>

    
    <div class="cable-row">
      
      <div class="segment segment-teal" title="Short Piece: 3 units = 15m">
        <div class="unit">5m</div>
        <div class="unit">5m</div>
        <div class="unit">5m</div>
      </div>
      
      <div class="segment segment-purple" title="Long Piece: 4 units = 20m">
        <div class="unit">5m</div>
        <div class="unit">5m</div>
        <div class="unit">5m</div>
        <div class="unit">5m</div>
      </div>
    </div>

    
    <div class="labels-row">
      <div class="label-box label-teal">
        Short Piece
        <span>3 × 5m = 15m</span>
      </div>
      <div class="label-box label-purple">
        Long Piece
        <span>4 × 5m = 20m</span>
      </div>
    </div>

    
    <div class="check-box">
      <span>15m + 20m = 35m</span>
      <span class="check-mark">✓</span>
    </div>
  </div>
</body>
</html>

<!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, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
      background: #f8f9fa;
      color: #1e2945;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      min-height: 100vh;
      padding: 16px;
    }

    .wrapper {
      width: 100%;
      max-width: 520px;
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 16px;
    }

    /* Total Bracket Header */
    .total-banner {
      width: 100%;
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 4px;
    }

    .total-label {
      font-size: 18px;
      font-weight: 700;
      color: #1e2945;
    }

    .bracket-svg {
      width: 100%;
      height: 16px;
      overflow: visible;
    }

    /* Bar Container */
    .bar-container {
      width: 100%;
      display: flex;
      gap: 6px;
      position: relative;
    }

    .box {
      flex: 1;
      height: 64px;
      border-radius: 8px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 18px;
      font-weight: 700;
      color: #ffffff;
      transition: transform 0.25s ease, box-shadow 0.25s ease;
      cursor: pointer;
      user-select: none;
    }

    .box.you {
      background: #2563eb;
    }

    .box.friend {
      background: #ea580c;
    }

    .box.active {
      transform: translateY(-4px);
      box-shadow: 0 6px 14px rgba(0, 0, 0, 0.15);
    }

    /* Group Labels above/below */
    .group-labels {
      width: 100%;
      display: flex;
      gap: 6px;
      font-size: 13px;
      font-weight: 600;
    }

    .group-label-you {
      flex: 2;
      text-align: center;
      color: #2563eb;
      background: #dbeafe;
      padding: 6px 4px;
      border-radius: 6px;
    }

    .group-label-friend {
      flex: 3;
      text-align: center;
      color: #c2410c;
      background: #ffedd5;
      padding: 6px 4px;
      border-radius: 6px;
    }

    /* Calculation Callout */
    .unit-calc {
      background: #ffffff;
      border: 1px solid #e2e8f0;
      border-radius: 20px;
      padding: 6px 14px;
      font-size: 14px;
      font-weight: 600;
      color: #475569;
      display: flex;
      align-items: center;
      gap: 6px;
    }

    .unit-calc strong {
      color: #1e2945;
    }

    /* Bottom Results Cards */
    .results-row {
      width: 100%;
      display: flex;
      gap: 10px;
    }

    .res-card {
      flex: 1;
      background: #ffffff;
      border-radius: 10px;
      padding: 12px;
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 4px;
      box-shadow: 0 1px 3px rgba(0,0,0,0.05);
      border-top: 4px solid transparent;
    }

    .res-card.you {
      border-top-color: #2563eb;
    }

    .res-card.friend {
      border-top-color: #ea580c;
    }

    .res-name {
      font-size: 13px;
      font-weight: 600;
      color: #64748b;
    }

    .res-calc {
      font-size: 14px;
      font-weight: 600;
      color: #1e2945;
    }

    .res-total {
      font-size: 20px;
      font-weight: 800;
    }

    .res-card.you .res-total {
      color: #2563eb;
    }

    .res-card.friend .res-total {
      color: #ea580c;
    }
  </style>
</head>
<body>

  <div class="wrapper">
    
    <div class="total-banner">
      <div class="total-label">Total = $60 (5 equal parts)</div>
      <svg class="bracket-svg" viewBox="0 0 100 16" preserveAspectRatio="none">
        <path d="M 1,14 L 1,6 Q 1,1 6,1 L 46,1 Q 50,1 50,-4 Q 50,1 54,1 L 94,1 Q 99,1 99,6 L 99,14" 
              fill="none" stroke="#94a3b8" stroke-width="2" stroke-linecap="round" />
      </svg>
    </div>

    
    <div class="bar-container">
      <div class="box you" data-idx="0">$12</div>
      <div class="box you" data-idx="1">$12</div>
      <div class="box friend" data-idx="2">$12</div>
      <div class="box friend" data-idx="3">$12</div>
      <div class="box friend" data-idx="4">$12</div>
    </div>

    
    <div class="group-labels">
      <div class="group-label-you">You (2 parts)</div>
      <div class="group-label-friend">Friend (3 parts)</div>
    </div>

    
    <div class="unit-calc">
      <span>1 box:</span>
      <strong>$60 ÷ 5 = $12</strong>
    </div>

    
    <div class="results-row">
      <div class="res-card you">
        <div class="res-name">You (2 parts)</div>
        <div class="res-calc">2 × $12</div>
        <div class="res-total">$24</div>
      </div>
      <div class="res-card friend">
        <div class="res-name">Friend (3 parts)</div>
        <div class="res-calc">3 × $12</div>
        <div class="res-total">$36</div>
      </div>
    </div>
  </div>

  <script>
    const boxes = document.querySelectorAll('.box');
    boxes.forEach(box => {
      box.addEventListener('mouseenter', () => box.classList.add('active'));
      box.addEventListener('mouseleave', () => box.classList.remove('active'));
      box.addEventListener('touchstart', () => {
        boxes.forEach(b => b.classList.remove('active'));
        box.classList.add('active');
      }, { passive: true });
    });
  </script>
</body>
</html>

Dividing Quantities in Three-Part and Unequal Ratios

Finding the Total or Other Shares Given One Share

Solving Ratio Problems Involving the Difference Between Shares

Changing Ratios and Before-and-After Problems

Practical Sharing Problems in Business and Partnerships

math

Unequal Sharing and Proportional Division

Understanding Ratio Language: For Every and To Every

Writing and Simplifying Ratios Using Colon Notation

Connecting Ratios to Fractions of a Whole

Sharing Amounts into Two Unequal Parts Using Bar Models

Sharing Amounts into Three or More Unequal Parts

Finding the Whole When One Part Is Known

Finding Parts When the Difference Between Parts Is Known

Ratio Foundations and Unequal Sharing

人体每日三大营养素与热量需求调查

常见食材营养成分表的数据收集与整理

学校或家庭现有午餐食谱的实地调查

单份菜品热量与营养素的百分比计算

用扇形统计图呈现午餐热量供能比

膳食均衡标准指标的数学判定

现有午餐食谱的问题诊断与数据对比分析

营养午餐数据调查与膳食统计诊断

Using Multiples to Scale Recipes Up and Down

Unequal Grouping Problems with Multiples

Solving Best-Buy and Unit Cost Problems

Mixing Paint and Liquids in Given Proportions

Unequal Sharing Word Problems with Money and Measures

Multi-Step Ratio and Proportion Word Problems

Mastering Ratio and Proportion Reasoning

Proportion, Rates, and Multi-Step Problem Solving

菜品组合的排列组合与穷举筛选

优化午餐食谱的数学规划模型构建

设计一周五天营养午餐食谱推荐方案

食材采购预算与性价比优化分析

撰写给学校食堂的营养改善建议书

营养午餐项目展示会与“最佳食谱”评比

营养午餐食谱优化设计与综合实践

Understanding Percentages as Fractions of 100

Converting Between Fractions, Decimals and Percentages

Finding a Percentage of a Quantity

Finding 10%, 25% and 50% Mentally

Using Multiplication to Find a Fraction of a Number

Representing Whole Number × Fraction with Area Models

Using Properties with Fraction Multiplication

Finding the Whole When a Percentage Is Given

Understanding Percentages and Fraction Calculations

Calculating Percentage Discounts

Finding the Sale Price After a Discount

Comparing Prices with Different Discounts

Estimating with Percentages in Real Life

Estimating with Fractions and Decimals

Approximating Solutions in Financial Contexts

Rounding and Approximation in Money Problems

Percentage Discounts and Estimation in Financial Contexts

Concepto de razón y formas de representación

Razones equivalentes y tablas de razón

Concepto de tasa y tasa unitaria

Comparación de precios unitarios para la mejor compra

Concepto de proporcionalidad directa y constante k

Ecuaciones de proporcionalidad directa: y = kx

Gráficas de proporcionalidad directa en el plano

Regla de tres simple directa

Problemas de velocidad constante, distancia y tiempo

Factores de conversión unitarios con proporcionalidad

Razones, tasas y proporcionalidad directa

Modelling Real-World Problems with Rational Numbers

Choosing Operations for Multi-Step Problems

Representing Problems with Number Sentences

Communicating Solutions in Terms of the Situation

Solving Financial Problems with Percentages

Rational Numbers in Daily Life: Length, Weight, and Capacity

Calculations With Both Common and Decimal Fractions

Modelling and Solving Real-World Problems with Rational Numbers

Concepto de proporcionalidad inversa

Tablas y gráficas de proporcionalidad inversa

Regla de tres simple inversa

Comparación entre proporcionalidad directa e inversa

Concepto de porcentaje y equivalencias fracción-decimal

Cálculo del porcentaje de una cantidad

Hallar la cantidad total a partir de un porcentaje

Porcentaje de aumento y descuento comercial

Cálculo de impuestos (IVA) y propinas

Interés simple: fórmula y aplicaciones

Variación porcentual: incremento y decremento

Proporcionalidad inversa, porcentajes y finanzas

Understanding Ratios as Multiplicative Comparisons

Writing Ratios to Compare Same-Attribute Quantities

Understanding Rates as Comparison by Division

Writing Rates as Quotients

Finding Unit Rates

Using Unit Rates to Compare Prices

Understanding Ratios, Rates, and Unit Rates

Making Tables of Equivalent Ratios

Finding Missing Values in Equivalent Ratio Tables

Plotting Ratio Pairs on the Coordinate Plane

Comparing Ratios Using Tables

Solving Problems with Equivalent Ratio Tables

Solving Ratio Problems with Equivalent Ratios

Using Ratio Tables to Solve Problems

Solving Proportions Using Cross-Multiplication

Predicting with Ratios in Real-World Problems

Comparing Quantities Using Ratios

Real-World Rate Problems: Speed and Distance

Real-World Rate Problems: Unit Pricing

Qualitative Reasoning with Ratios and Rates

Justifying Ratio and Rate Solutions with Precise Language

Solving Problems with Ratios, Rates, and Proportions

Solving Unit Pricing Problems

Solving Constant Speed Problems

Unit Rate Word Problems: Speed and Distance

Finding Distance Given Speed and Time

Finding Speed Given Distance and Time

Finding Time Given Distance and Speed

Unit Rate and Speed Problem Solving

Partilha em partes desiguais: o conceito

Razão entre partes e entre parte e todo

Partilha usando relações aditivas

Partilha usando relações multiplicativas

Problemas de partilha em partes desiguais

Partilha de quantidades em partes desiguais

Using Tape Diagrams to Solve Ratio Problems

Using Double Number Lines to Solve Ratio Problems

Mixed Ratio Reasoning Word Problems

Ratio and Rate Problem-Solving Assessment

Visual Strategies for Ratio Problem Solving

Finding Mean, Median, and Mode

Finding Range of a Data Set

Creating Bar Graphs from Data Sets

Interpreting Bar Graphs to Answer Questions

Choosing the Best Graph Type for Your Data

Solving Problems Using Data Displays

Analyzing Data to Make Predictions

Measures of Center, Spread, and Data Analysis

Using Scale Factors to Represent Ratios and Rates

Solving Problems with Scale Factors

Representing Proportional Relationships with Tables

Representing Proportional Relationships with Graphs

Solving Ratio and Rate Problems Using Proportions

Proportional Relationships: Tables, Graphs, and Proportions

Podział proporcjonalny – wprowadzenie

Podział proporcjonalny na dwie części

Podział proporcjonalny na trzy i więcej części

Podział proporcjonalny w zadaniach praktycznych

Podział proporcjonalny ze stosunkami ułamkowymi

Sprawdzenie umiejętności – proporcjonalność prosta

Podział proporcjonalny

Proporcionalidade direta entre duas ou mais grandezas

Proporcionalidade inversa entre duas ou mais grandezas

Escalas em mapas: ampliando e reduzindo

Divisão em partes proporcionais

Divisão em partes inversamente proporcionais

Análise de taxas de variação em contextos sociais

Problemas de proporcionalidade em contextos ambientais

Proporcionalidade direta e inversa

OGM.7.RP.5

OGM.7.RP.5

Aligned learning resources

Related diagrams