<!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;
    }

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

    .diagram {
      width: 100%;
      max-width: 350px;
      display: flex;
      flex-direction: column;
      gap: 10px;
    }

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

    .col-card {
      background: #ffffff;
      border: 1px solid #e2e8f0;
      border-radius: 12px;
      padding: 10px 8px;
      display: flex;
      flex-direction: column;
      gap: 8px;
      transition: box-shadow 0.2s ease, border-color 0.2s ease;
    }

    .col-card.pop {
      border-top: 3px solid #2563eb;
    }

    .col-card.samp {
      border-top: 3px solid #d97706;
    }

    .badge {
      font-size: 11px;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.3px;
      padding: 4px 6px;
      border-radius: 6px;
      text-align: center;
      line-height: 1.2;
    }

    .badge-blue {
      background: #eff6ff;
      color: #1d4ed8;
      border: 1px solid #bfdbfe;
    }

    .badge-amber {
      background: #fffbeb;
      color: #b45309;
      border: 1px solid #fde68a;
    }

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

    .metric-row {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 6px 8px;
      background: #f8fafc;
      border: 1px solid #edf2f7;
      border-radius: 8px;
      cursor: pointer;
      user-select: none;
      transition: background 0.15s ease, border-color 0.15s ease;
    }

    .metric-row:hover {
      background: #f1f5f9;
      border-color: #cbd5e1;
    }

    .metric-row.active-row {
      background: #e0f2fe;
      border-color: #7dd3fc;
    }

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

    .symbol-wrap {
      display: flex;
      align-items: baseline;
      gap: 4px;
    }

    .symbol {
      font-family: "Cambria Math", "Times New Roman", Georgia, serif;
      font-size: 18px;
      font-weight: 700;
      font-style: italic;
      color: #0f172a;
      line-height: 1;
    }

    .symbol-name {
      font-size: 10px;
      font-weight: 600;
      color: #94a3b8;
      font-family: system-ui, sans-serif;
      font-style: normal;
    }

    .callout {
      background: #ffffff;
      border: 1px solid #e2e8f0;
      border-radius: 10px;
      padding: 10px;
      text-align: center;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 12px;
    }

    .mnemonic {
      font-size: 15px;
      font-weight: 800;
      letter-spacing: 0.5px;
      color: #334155;
    }

    .mnemonic .p-tag {
      color: #2563eb;
      background: #eff6ff;
      padding: 2px 6px;
      border-radius: 5px;
      border: 1px solid #bfdbfe;
    }

    .mnemonic .s-tag {
      color: #d97706;
      background: #fffbeb;
      padding: 2px 6px;
      border-radius: 5px;
      border: 1px solid #fde68a;
    }

    .divider {
      color: #cbd5e1;
      font-weight: 400;
    }
  </style>
</head>
<body>
  <div class="diagram">
    <div class="columns">
      
      <div class="col-card pop">
        <div class="badge badge-blue">Population → Parameter</div>
        <div class="metric-list">
          <div class="metric-row" data-metric="mean">
            <span class="metric-label">Mean</span>
            <div class="symbol-wrap">
              <span class="symbol">μ</span>
              <span class="symbol-name">(mu)</span>
            </div>
          </div>

          <div class="metric-row" data-metric="prop">
            <span class="metric-label">Prop.</span>
            <div class="symbol-wrap">
              <span class="symbol">p</span>
            </div>
          </div>

          <div class="metric-row" data-metric="sd">
            <span class="metric-label">Std Dev</span>
            <div class="symbol-wrap">
              <span class="symbol">σ</span>
              <span class="symbol-name">(sigma)</span>
            </div>
          </div>
        </div>
      </div>

      
      <div class="col-card samp">
        <div class="badge badge-amber">Sample → Statistic</div>
        <div class="metric-list">
          <div class="metric-row" data-metric="mean">
            <span class="metric-label">Mean</span>
            <div class="symbol-wrap">
              <span class="symbol">x̄</span>
              <span class="symbol-name">(x-bar)</span>
            </div>
          </div>

          <div class="metric-row" data-metric="prop">
            <span class="metric-label">Prop.</span>
            <div class="symbol-wrap">
              <span class="symbol">p̂</span>
              <span class="symbol-name">(p-hat)</span>
            </div>
          </div>

          <div class="metric-row" data-metric="sd">
            <span class="metric-label">Std Dev</span>
            <div class="symbol-wrap">
              <span class="symbol">s</span>
            </div>
          </div>
        </div>
      </div>
    </div>

    
    <div class="callout">
      <div class="mnemonic">
        <span class="p-tag">P with P</span>
        <span class="divider">|</span>
        <span class="s-tag">S with S</span>
      </div>
    </div>
  </div>

  <script>
    const rows = document.querySelectorAll('.metric-row');
    rows.forEach(row => {
      row.addEventListener('click', () => {
        const metric = row.getAttribute('data-metric');
        const isActive = row.classList.contains('active-row');
        
        rows.forEach(r => r.classList.remove('active-row'));
        
        if (!isActive) {
          document.querySelectorAll(`[data-metric="${metric}"]`).forEach(match => {
            match.classList.add('active-row');
          });
        }
      });
    });
  </script>
</body>
</html>

Statistical Inference: Populations, Parameters, Samples, and Statistics

<!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; }
    body {
      font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
      background: #ffffff;
      color: #1e2945;
      width: 100%;
      height: 100%;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      padding: 12px;
      user-select: none;
    }

    .toolbar {
      display: flex;
      gap: 6px;
      margin-bottom: 12px;
      width: 100%;
      max-width: 330px;
    }

    .tab-btn {
      flex: 1;
      padding: 6px 4px;
      font-size: 13px;
      font-weight: 600;
      border: 1px solid #e2e8f0;
      background: #f8fafc;
      color: #64748b;
      border-radius: 8px;
      cursor: pointer;
      text-align: center;
      transition: all 0.2s ease;
    }

    .tab-btn.active {
      background: #1e2945;
      color: #ffffff;
      border-color: #1e2945;
    }

    .grid-container {
      display: grid;
      grid-template-columns: 1fr 1fr;
      grid-template-rows: 1fr 1fr;
      gap: 10px;
      width: 100%;
      max-width: 330px;
      aspect-ratio: 1 / 1;
    }

    .quad-card {
      border-radius: 12px;
      padding: 10px;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      cursor: pointer;
      transition: opacity 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease;
      background: #ffffff;
      border: 2px solid transparent;
      box-shadow: 0 2px 6px rgba(0,0,0,0.04);
      position: relative;
    }

    /* Blue Theme: Population & Parameter */
    .theme-blue {
      border-color: #93c5fd;
      background: #eff6ff;
    }
    .theme-blue .badge {
      background: #2563eb;
      color: #ffffff;
    }
    .theme-blue .val-highlight {
      color: #1d4ed8;
    }

    /* Green Theme: Sample & Statistic */
    .theme-green {
      border-color: #86efac;
      background: #f0fdf4;
    }
    .theme-green .badge {
      background: #16a34a;
      color: #ffffff;
    }
    .theme-green .val-highlight {
      color: #15803d;
    }

    .card-head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 4px;
    }

    .badge {
      font-size: 11px;
      font-weight: 700;
      letter-spacing: 0.5px;
      padding: 3px 7px;
      border-radius: 6px;
      text-transform: uppercase;
    }

    .icon {
      font-size: 18px;
      line-height: 1;
    }

    .card-body {
      display: flex;
      flex-direction: column;
      gap: 2px;
      margin-top: 4px;
    }

    .val-highlight {
      font-size: 20px;
      font-weight: 800;
      line-height: 1.1;
    }

    .desc {
      font-size: 12px;
      font-weight: 600;
      color: #475569;
      line-height: 1.25;
    }

    /* Dimming state */
    .dimmed {
      opacity: 0.35;
      transform: scale(0.97);
    }

    .active-focus {
      box-shadow: 0 4px 14px rgba(0,0,0,0.12);
      transform: scale(1.02);
    }
  </style>
</head>
<body>

  <div class="toolbar">
    <button class="tab-btn active" id="btn-all" onclick="setView('all')">Overview</button>
    <button class="tab-btn" id="btn-pop" onclick="setView('pop')">Population</button>
    <button class="tab-btn" id="btn-samp" onclick="setView('samp')">Sample</button>
  </div>

  <div class="grid-container">
    
    <div class="quad-card theme-blue" id="card-pop" onclick="toggleCard('pop')">
      <div class="card-head">
        <span class="badge">Population</span>
        <span class="icon">🏫</span>
      </div>
      <div class="card-body">
        <div class="val-highlight">1,200</div>
        <div class="desc">All students</div>
      </div>
    </div>

    
    <div class="quad-card theme-green" id="card-samp" onclick="toggleCard('samp')">
      <div class="card-head">
        <span class="badge">Sample</span>
        <span class="icon">📋</span>
      </div>
      <div class="card-body">
        <div class="val-highlight">80</div>
        <div class="desc">Surveyed subset</div>
      </div>
    </div>

    
    <div class="quad-card theme-blue" id="card-param" onclick="toggleCard('pop')">
      <div class="card-head">
        <span class="badge">Parameter</span>
        <span class="icon">🎯</span>
      </div>
      <div class="card-body">
        <div class="val-highlight">p = ?</div>
        <div class="desc">True spicy %</div>
      </div>
    </div>

    
    <div class="quad-card theme-green" id="card-stat" onclick="toggleCard('samp')">
      <div class="card-head">
        <span class="badge">Statistic</span>
        <span class="icon">📊</span>
      </div>
      <div class="card-body">
        <div class="val-highlight">p̂ = 70%</div>
        <div class="desc">56 / 80 surveyed</div>
      </div>
    </div>
  </div>

  <script>
    let currentMode = 'all';

    function updateCards() {
      const popCard = document.getElementById('card-pop');
      const paramCard = document.getElementById('card-param');
      const sampCard = document.getElementById('card-samp');
      const statCard = document.getElementById('card-stat');

      const btnAll = document.getElementById('btn-all');
      const btnPop = document.getElementById('btn-pop');
      const btnSamp = document.getElementById('btn-samp');

      // Update buttons
      btnAll.classList.toggle('active', currentMode === 'all');
      btnPop.classList.toggle('active', currentMode === 'pop');
      btnSamp.classList.toggle('active', currentMode === 'samp');

      // Reset classes
      [popCard, paramCard, sampCard, statCard].forEach(c => {
        c.classList.remove('dimmed', 'active-focus');
      });

      if (currentMode === 'pop') {
        popCard.classList.add('active-focus');
        paramCard.classList.add('active-focus');
        sampCard.classList.add('dimmed');
        statCard.classList.add('dimmed');
      } else if (currentMode === 'samp') {
        sampCard.classList.add('active-focus');
        statCard.classList.add('active-focus');
        popCard.classList.add('dimmed');
        paramCard.classList.add('dimmed');
      }
    }

    function setView(mode) {
      currentMode = mode;
      updateCards();
    }

    function toggleCard(side) {
      if (currentMode === side) {
        currentMode = 'all';
      } else {
        currentMode = side;
      }
      updateCards();
    }
  </script>
</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="1:1">
  <style>
    * {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
      font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    }

    body {
      background: #ffffff;
      color: #1e2945;
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 12px;
    }

    .diagram {
      width: 100%;
      max-width: 340px;
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 8px;
    }

    .section-card {
      width: 100%;
      background: #ffffff;
      border: 1.5px solid #e2e8f0;
      border-radius: 12px;
      padding: 10px 12px;
    }

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

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

    .subtitle {
      font-size: 12px;
      font-weight: 600;
      color: #64748b;
    }

    .person-grid {
      display: grid;
      grid-template-columns: repeat(10, 1fr);
      gap: 5px 3px;
      justify-items: center;
      align-items: center;
    }

    .sample-row {
      display: flex;
      justify-content: center;
      gap: 14px;
      padding: 4px 0;
    }

    .icon {
      width: 16px;
      height: 16px;
      color: #94a3b8;
      transition: color 0.3s ease, transform 0.3s ease;
    }

    .icon.selected {
      color: #2563eb;
      transform: scale(1.15);
    }

    .sample-icon {
      width: 22px;
      height: 22px;
      color: #2563eb;
      animation: popIn 0.3s ease;
    }

    .connector {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 2px;
      cursor: pointer;
      user-select: none;
    }

    .action-btn {
      display: inline-flex;
      align-items: center;
      gap: 5px;
      background: #eff6ff;
      border: 1px solid #bfdbfe;
      color: #2563eb;
      font-size: 13px;
      font-weight: 600;
      padding: 4px 10px;
      border-radius: 20px;
      cursor: pointer;
      transition: background-color 0.2s, box-shadow 0.2s;
    }

    .action-btn:hover {
      background: #dbeafe;
      box-shadow: 0 1px 4px rgba(37, 99, 235, 0.15);
    }

    .arrow-svg {
      width: 16px;
      height: 14px;
      color: #2563eb;
    }

    @keyframes popIn {
      0% { transform: scale(0.6); opacity: 0; }
      100% { transform: scale(1); opacity: 1; }
    }
  </style>
</head>
<body>

  <div class="diagram">
    
    <div class="section-card">
      <div class="header-row">
        <span class="title">Population</span>
        <span class="subtitle">All Members (Size N)</span>
      </div>
      <div class="person-grid" id="popGrid"></div>
    </div>

    
    <div class="connector" onclick="resample()">
      <button class="action-btn" type="button" aria-label="Random Selection">
        <span>Random Selection</span>
        <span style="font-size: 11px;">⟳</span>
      </button>
      <svg class="arrow-svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
        <line x1="12" y1="4" x2="12" y2="20"></line>
        <polyline points="6 14 12 20 18 14"></polyline>
      </svg>
    </div>

    
    <div class="section-card">
      <div class="header-row">
        <span class="title">Sample</span>
        <span class="subtitle">Subgroup (Size n = 5)</span>
      </div>
      <div class="sample-row" id="sampleRow"></div>
    </div>
  </div>

  <script>
    const TOTAL_POP = 40;
    const SAMPLE_SIZE = 5;
    const popGrid = document.getElementById('popGrid');
    const sampleRow = document.getElementById('sampleRow');

    const personSvg = `
      <svg class="icon" viewBox="0 0 16 16" fill="currentColor">
        <circle cx="8" cy="4" r="3"/>
        <path d="M2 14c0-3.3 2.7-6 6-6s6 2.7 6 6z"/>
      </svg>
    `;

    const sampleSvg = `
      <svg class="sample-icon" viewBox="0 0 16 16" fill="currentColor">
        <circle cx="8" cy="4" r="3"/>
        <path d="M2 14c0-3.3 2.7-6 6-6s6 2.7 6 6z"/>
      </svg>
    `;

    // Render Population
    for (let i = 0; i < TOTAL_POP; i++) {
      const el = document.createElement('div');
      el.innerHTML = personSvg;
      popGrid.appendChild(el.firstElementChild);
    }

    function resample() {
      const popIcons = popGrid.querySelectorAll('.icon');
      popIcons.forEach(icon => icon.classList.remove('selected'));

      // Pick unique random indices
      const chosen = new Set();
      while (chosen.size < SAMPLE_SIZE) {
        chosen.add(Math.floor(Math.random() * TOTAL_POP));
      }

      // Highlight in population
      chosen.forEach(idx => {
        popIcons[idx].classList.add('selected');
      });

      // Render sample group
      sampleRow.innerHTML = '';
      for (let i = 0; i < SAMPLE_SIZE; i++) {
        const item = document.createElement('div');
        item.innerHTML = sampleSvg;
        sampleRow.appendChild(item.firstElementChild);
      }
    }

    // Initial sampling
    resample();
  </script>
</body>
</html>

データの整理 — もれや重なりなく

2つの観点からのデータ分類の基礎

2次元の表（クロス集計表）の構造と見方

2つの観点をもつ表の作成手順

表の合計欄の計算と縦横の整合性確認

2次元の表から特徴や傾向を読み取る

学校生活のデータを使ったクロス集計の実践

2つの1次元の表を1つの表に統合する工夫

クロス集計表から課題を見出し判断する活動

2つの観点によるデータ整理の総合演習

math

2つの観点によるデータの分類・整理と2次元の表

Simple Random, Systematic, Stratified, and Cluster Sampling

Identifying Sampling Bias and Non-Sampling Bias in Surveys

Observational Studies Versus Randomized Experiments

Detecting Misleading Graphs and Statistical Representations in Media

Inferring Population Means and Proportions from Sample Statistics

Margin of Error and Informal Confidence Intervals

Designing and Evaluating a Complete Statistical Investigation

Statistical Investigations, Sampling Methods, and Bias

全面调查（普查）与抽样调查的认识

总体、个体、样本与样本容量

抽样的必要性与破坏性试验分析

认识简单随机抽样的特征与等可能性

抽签法（抓阄法）的操作步骤与实践

随机数表法与随机数发生器的使用

样本的代表性、广泛性与抽样偏差防范

统计调查问卷的设计与数据收集方法

数据处理的四大环节：收集、整理、描述与分析

利用科学计算器进行统计数据输入与批量处理

数据清洗、异常值剔除与抽样反思

数据的收集与简单随机抽样

扇形统计图的结构特征与百分比意义

各部分所对圆心角度数的计算

扇形统计图的规范作图步骤

从扇形统计图中提取信息并推算具体频数

条形图、折线图与扇形统计图的对比与合理选择

统计图表组合问题：条形图与扇形图的综合互补应用

通过表格与折线图观察变化趋势

随机现象中的趋势图分析与长期规律感知

警惕误导：纵坐标非零起点与不当图表比例分析

基于趋势图的数据外推预测与决策建议

扇形统计图与统计图表趋势分析

折れ線グラフから変化の特徴を読み取る

棒グラフと折れ線グラフの違いと使い分け

線の傾き（急・ゆるやか・水平）と変化の大きさ

横軸と縦軸の目盛りの読み方

1日の気温変化の読み取りと考察

1年間の月別平均気温と季節の移り変わりの読解

点と点の間（途中の時刻）の値の推定

折れ線グラフの傾向から先の変化を予測する

気温と水温の変化の違いを比べる読解

折れ線グラフの変化読解マスター

折れ線グラフの特徴と変化の様子の読み取り

変化を折れ線グラフで表す

折れ線グラフをかく5つの基本手順

縦軸の1目盛りの大きさの決め方と工夫

波線を使った途中省略の仕組みと理由

波線を使って変化を強調したグラフの作図

波線使用時の注意点と誤解の防止

理科の実験・観察データからの折れ線グラフ作成

目盛りの幅が異なるグラフの見え方の比較

不適切な折れ線グラフの誤り発見と改善

折れ線グラフを用いたプレゼンテーション活動

折れ線グラフの正しいかき方と波線の活用

频数、频率与频数分布的意义

确定极差、组距与组数的原则与方法

数据分组区间的设定与边界值处理规则

编制频数分布表与累积频数整理

绘制等组距频数直方图的规范步骤

频数折线图的绘制与直方图的关联

辨析条形统计图与频数直方图的本质区别

利用频数直方图解释数据分布形态与特征

基于频数直方图估计概率、比例与达标率

频数分布与频数直方图

算术平均数的意义与基础计算

加权平均数的概念与“权”的统计意义

按百分比、比例与频数计算加权平均数

利用组中值估计频数分布分组数据的平均数

中位数的概念与确定方法（奇数与偶数个数据）

中位数不受极端值影响的稳健性分析

众数的概念、识别与应用场景

平均数、中位数与众数的综合对比与合理选用

使用科学计算器求解复杂数据的平均数与中位数

数据平移与缩放对平均数、中位数、众数的影响

数据的集中趋势（平均数、加权平均数、中位数与众数）

複数系列の折れ線グラフを知る

2つの都市の気温変化の比較読解

線の交差点と大小関係の逆転の読み取り

2本の折れ線グラフをかく作図技術

棒グラフと折れ線グラフの組み合わせグラフの仕組み

左右に2つの縦軸をもつ組み合わせグラフの読み取り

雨温図（気候グラフ）から地域の特徴を分析する

生活・社会の複合データの比較分析

複数グラフを用いた原因追究と考察

複数系列・組み合わせグラフの総合マスター

複数系列の折れ線グラフと組み合わせグラフの活用

为什么需要刻画数据的离散程度（波动程度）

极差刻画离散程度的简易性与局限性

数据的离差概念与“离差之和恒为零”性质

离差平方和（SS）的概念与计算方法

方差的定义、公式推导与统计意义

方差的简便计算公式与代数变形技巧

标准差的概念与物理量纲单位的恢复

使用科学计算器计算离差平方和、方差与标准差

数据线性变换（加常数与乘常数）对方差的影响规律

方差在产品质量稳定性与选手选拔中的实际应用

数据的离散程度（离差平方和与方差）

目的に応じたグラフの適切な選択

身の回りの疑問から統計的な問いを設定する

目的に合ったデータ収集計画と調査の実施

収集したデータの分類整理と最適な表の作成

特徴を最も伝えやすいグラフの作成

グラフの傾向からの意思決定と結論の導出

見かけに惑わされない批判的なグラフ読解

導いた結論の妥当性の吟味と調査プロセスの振り返り

統計レポートの作成と身の回りの改善提案

統計的問題解決プロセス（PPDAC）の総合探究

統計的問題解決と目的に応じたグラフの選択・判断

四分位数的定义与三个分割点（Q1、Q2、Q3）

有序数据集四分位数的规范计算步骤与位置确定

四分位距（IQR）的计算及其对离散程度的稳健度量

五数概括法（最小值、Q1、Q2、Q3、最大值）与箱线图

绘制单组数据标准箱线图的规范步骤

基于箱线图与 1.5×IQR 准则识别可疑离群值

并列箱线图在多组数据对比中的应用与分析

百分位数的意义、计算及其在评价等级中的应用

箱线图、直方图与折线图的特征对比与综合解读

分位数与箱线图（四分位数、百分位数与数据分布）

数据分类的实际需求与评价分组好坏的数学标准

组内离差平方和（Within-group SS）的定义与计算

组间离差平方和与总离差平方和的分解思想

一维数据两分类切分点的枚举与最小准则选择

数据多分类（三分组）的最优分割点搜索策略

利用电子表格与计算器辅助进行数据聚类运算

最优分类结果的实际解释与行业标准对照

基于离差平方和的数据分类与聚类方法

样本估计总体的统计推断思想与逻辑依据

用样本平均数估计总体平均数与总体总量

用样本百分比（比例）估计总体比例与达标人数

用样本方差估计总体方差与总体波动水平

捕获-再捕获法（捉放法/标记重捕法）估计物种总量

撰写完整数据分析报告与合理性解释

基于统计推断的商业采购、市政规划决策案例

统计结论的质疑、辩论、交流与批判性反思

样本估计总体与数据决策推断

频率与概率的辩证关系：实验值与理论值

抛硬币历史试验：大量重复试验下的频率稳定性

用频率估计概率的计算方法与适用情境

绘制频率折线图并观察围绕概率的收敛振荡

替代物模拟实验的设计原则与操作

利用计算器随机数发生器与蒙特卡罗方法模拟概率

蒙特卡罗投点法估计不规则图形面积与圆周率 $\pi$

频率估计概率的误差控制与必要样本量分析

频率与概率（大量重复试验与模拟）

现实情境数学化：从生活现象到数学问题的抽象转化

跨学科实践：校园绿化与微气候环境指标监测分析

科学探究：光的反射折射规律与平面几何坐标建模

数学建模的基本流程：提出假设、建构模型、求解与检验

项目化学习中的分工协作、进度规划与数据共享

用规范数学语言表达世界：科学研究论文与答辩展示

综合与实践：跨学科课题研究与现实情境数学化

社会调研案例：社区生活垃圾分类现状与减量化数学分析

城市交通案例：公交站点候车时间与排队服务系统优化

经济生活案例：商场促销方案与抽奖期望收益评估

体育健康案例：青少年体质健康多项指标的综合评定与聚类

科技前沿案例：家庭碳足迹核算与节能减排趋势预测模型

综合实践探究成果展示、同行互评与深度反思

综合与实践：数据建模与社会生活决策

生活の出来事を取材して算数の式でモデル化する

学校行事のスケジュール計画と所要時間の計算

買い物の最適プランの選択と代金計算

面積と混み具合を活かしたスペースの有効活用

節水・省エネと資源節約の数量計算

分数・小数を使った料理のレシピ分量調整

運動記録のデータ分析と目標設定

計算結果の実生活での妥当性の振り返りと吟味

算数を用いた生活改善提案のプレゼンテーション

日常生活の算数的モデル化総合プロジェクト

日常生活の課題解決と算数的モデル化

Identifying Data Sources in Media Reports

Evaluating Survey Methodology in Reports

Estimating Population Means from Survey Data

Estimating Population Medians from Survey Data

Asking Critical Questions About Survey Claims

Analysing Survey Reports in Digital Media

Types of Sampling Methods: Random, Stratified and Convenience

How Sampling Method Affects Survey Results

Random vs Non-Random Sampling: Comparing Results

Identifying Bias in Data Representation

How Choice of Representation Supports a Particular Viewpoint

Sampling Methods and Bias in Data

Planning a Statistical Investigation

Collecting Different Kinds of Data

Analysing Collected Data

Reporting Findings from Statistical Investigations

Evaluating the Strength of Evidence in Conclusions

Planning and Conducting Statistical Investigations

OGM.10.STP.1

Aligned learning resources

Related diagrams