<!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;
      color: #1e2945;
      background: transparent;
      padding: 12px;
      display: flex;
      flex-direction: column;
      gap: 12px;
      user-select: none;
    }

    .matrix-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 12px;
      width: 100%;
    }

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

    .detail-card {
      background: #ffffff;
      border: 1.5px solid #e6e6e6;
      border-radius: 12px;
      padding: 16px 14px;
      display: flex;
      flex-direction: column;
      gap: 12px;
      cursor: pointer;
      transition: box-shadow 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
      position: relative;
    }

    .detail-card:hover {
      border-color: #cbd5e1;
    }

    .detail-card.active {
      border-color: #22b7ff;
      box-shadow: 0 0 0 2px rgba(34, 183, 255, 0.25);
    }

    .card-header {
      display: flex;
      align-items: center;
      gap: 10px;
    }

    .icon-box {
      width: 38px;
      height: 38px;
      border-radius: 8px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 20px;
      flex-shrink: 0;
    }

    .c1 .icon-box { background: #fff7ed; color: #ea580c; }
    .c2 .icon-box { background: #eef2ff; color: #4f46e5; }
    .c3 .icon-box { background: #ecfeff; color: #0284c7; }

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

    .section-block {
      display: flex;
      flex-direction: column;
      gap: 4px;
    }

    .section-label {
      font-size: 11px;
      text-transform: uppercase;
      letter-spacing: 0.6px;
      font-weight: 700;
      color: #64748b;
    }

    .section-text {
      font-size: 13px;
      line-height: 1.4;
      font-weight: 500;
      color: #334155;
    }

    .effect-box {
      margin-top: auto;
      padding: 8px 10px;
      border-radius: 6px;
      background: #f8fafc;
      border-left: 3px solid #cbd5e1;
    }

    .c1 .effect-box { border-left-color: #ea580c; background: #fffaf5; }
    .c2 .effect-box { border-left-color: #4f46e5; background: #f5f7ff; }
    .c3 .effect-box { border-left-color: #0284c7; background: #f0faff; }

    .effect-box .section-label {
      color: #475569;
    }

    .effect-box .section-text {
      font-weight: 600;
      color: #1e2945;
    }

    .thesis-bar {
      background: #f8fafc;
      border: 1px solid #e2e8f0;
      border-radius: 8px;
      padding: 10px 14px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 8px;
      font-size: 13px;
    }

    .thesis-tag {
      font-size: 11px;
      font-weight: 700;
      background: #e2e8f0;
      padding: 2px 6px;
      border-radius: 4px;
      color: #475569;
      white-space: nowrap;
    }

    .thesis-preview {
      color: #1e2945;
      font-weight: 500;
      flex-grow: 1;
    }
  </style>
</head>
<body>

  <div class="matrix-grid">
    
    <div class="detail-card c1 active" onclick="selectCard(this, 'Anecdotes pull readers in with a human face before the argument builds.')">
      <div class="card-header">
        <div class="icon-box">💬</div>
        <div class="card-title">Anecdote</div>
      </div>
      <div class="section-block">
        <div class="section-label">Function</div>
        <div class="section-text">Establishes human stakes &amp; perspective</div>
      </div>
      <div class="effect-box">
        <div class="section-label">Effect on Thesis</div>
        <div class="section-text">Gives the claim urgency</div>
      </div>
    </div>

    
    <div class="detail-card c2" onclick="selectCard(this, 'Case studies isolate cause-and-effect in controlled real-world conditions.')">
      <div class="card-header">
        <div class="icon-box">🔍</div>
        <div class="card-title">Case Study</div>
      </div>
      <div class="section-block">
        <div class="section-label">Function</div>
        <div class="section-text">Traces specific operational mechanisms</div>
      </div>
      <div class="effect-box">
        <div class="section-label">Effect on Thesis</div>
        <div class="section-text">Reveals root causes &amp; nuances</div>
      </div>
    </div>

    
    <div class="detail-card c3" onclick="selectCard(this, 'Data proves individual stories represent systemic patterns.')">
      <div class="card-header">
        <div class="icon-box">📊</div>
        <div class="card-title">Data &amp; Stats</div>
      </div>
      <div class="section-block">
        <div class="section-label">Function</div>
        <div class="section-text">Measures scale and frequency</div>
      </div>
      <div class="effect-box">
        <div class="section-label">Effect on Thesis</div>
        <div class="section-text">Establishes general validity</div>
      </div>
    </div>
  </div>

  
  <div class="thesis-bar">
    <span class="thesis-tag">DETAIL ROLE</span>
    <span id="thesisInsight" class="thesis-preview">Anecdotes pull readers in with a human face before the argument builds.</span>
  </div>

  <script>
    function selectCard(element, insight) {
      document.querySelectorAll('.detail-card').forEach(card => {
        card.classList.remove('active');
      });
      element.classList.add('active');
      document.getElementById('thesisInsight').textContent = insight;
    }
  </script>
</body>
</html>

How Details Shape Central Ideas in Informational Text

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Thesis Evolution Timeline</title>
  <style>
    * { box-sizing: border-box; margin: 0; padding: 0; }
    body {
      background: #f8f9fa;
      color: #1e2945;
      font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
      padding: 14px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      min-height: 100vh;
    }

    .toolbar {
      display: flex;
      align-items: center;
      gap: 8px;
      margin-bottom: 14px;
      flex-wrap: wrap;
      justify-content: center;
    }

    .nav-btn {
      background: #ffffff;
      border: 1px solid #cbd5e1;
      color: #1e2945;
      padding: 6px 12px;
      border-radius: 6px;
      font-size: 13px;
      font-weight: 600;
      cursor: pointer;
      box-shadow: 0 1px 2px rgba(0,0,0,0.05);
      transition: background 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    }

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

    .nav-btn.active {
      background: #2563eb;
      color: #ffffff;
      border-color: #2563eb;
      box-shadow: 0 0 0 2px rgba(37,99,235,0.25);
    }

    .timeline {
      width: 100%;
      max-width: 520px;
      display: flex;
      flex-direction: column;
      gap: 8px;
      position: relative;
    }

    .step-card {
      background: #ffffff;
      border-radius: 8px;
      padding: 12px 14px;
      border: 1.5px solid #e2e8f0;
      position: relative;
      transition: border-color 0.25s ease, box-shadow 0.25s ease, background-color 0.25s ease;
      cursor: pointer;
      opacity: 1;
    }

    .step-card:hover {
      border-color: #94a3b8;
    }

    .step-card.active {
      border-color: #2563eb;
      background: #ffffff;
      box-shadow: 0 4px 14px rgba(37,99,235,0.16);
    }

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

    .step-tag {
      font-size: 11px;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.5px;
      color: #64748b;
    }

    .step-card.active .step-tag {
      color: #2563eb;
    }

    .step-indicator {
      display: inline-block;
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background: #cbd5e1;
      transition: background 0.25s;
    }

    .step-card.active .step-indicator {
      background: #2563eb;
    }

    .thesis-text {
      font-size: 14px;
      font-weight: 700;
      line-height: 1.4;
      color: #1e2945;
    }

    .detail-pill {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      margin-top: 8px;
      padding: 4px 10px;
      border-radius: 12px;
      font-size: 12px;
      font-weight: 600;
      line-height: 1.3;
      flex-wrap: wrap;
    }

    .detail-anecdote {
      background: #fef3c7;
      color: #92400e;
      border: 1px solid #fde68a;
    }

    .detail-study {
      background: #dcfce7;
      color: #166534;
      border: 1px solid #bbf7d0;
    }

    .connector {
      text-align: center;
      font-size: 12px;
      font-weight: 600;
      color: #64748b;
      line-height: 1;
      margin: -2px 0;
      transition: color 0.25s ease;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 4px;
    }

    .connector.active {
      color: #2563eb;
      font-weight: 700;
    }

    @media (max-width: 420px) {
      body {
        padding: 8px;
      }
      .toolbar {
        gap: 5px;
      }
      .nav-btn {
        padding: 5px 8px;
        font-size: 11px;
      }
      .thesis-text {
        font-size: 13px;
      }
      .detail-pill {
        font-size: 11px;
      }
    }
  </style>
</head>
<body>

  <div class="toolbar">
    <button class="nav-btn active" id="btn-0">1. Intro</button>
    <button class="nav-btn" id="btn-1">2. Mid-Text</button>
    <button class="nav-btn" id="btn-2">3. Conclusion</button>
    <button class="nav-btn" id="playBtn" aria-label="Pause or resume auto-advance">⏸</button>
  </div>

  <div class="timeline">
    
    <div class="step-card active" id="card-0">
      <div class="step-header">
        <span class="step-tag">Step 1 • Intro</span>
        <span class="step-indicator"></span>
      </div>
      <div class="thesis-text">"Cities trap heat."</div>
      <div class="detail-pill detail-anecdote">
        ↳ 🚌 Injected: Phoenix Bus Stop Anecdote
      </div>
    </div>

    <div class="connector" id="conn-0">↓ evolves via evidence ↓</div>

    
    <div class="step-card" id="card-1">
      <div class="step-header">
        <span class="step-tag">Step 2 • Mid-Text</span>
        <span class="step-indicator"></span>
      </div>
      <div class="thesis-text">"Heat threatens vulnerable urban residents."</div>
      <div class="detail-pill detail-study">
        ↳ 🌳 Injected: Baltimore Tree Canopy Case Study &amp; 📊 National Health Data
      </div>
    </div>

    <div class="connector" id="conn-1">↓ deepens into argument ↓</div>

    
    <div class="step-card" id="card-2">
      <div class="step-header">
        <span class="step-tag">Step 3 • Conclusion</span>
        <span class="step-indicator"></span>
      </div>
      <div class="thesis-text">"Urban shade is vital public health infrastructure that must be distributed equitably."</div>
    </div>
  </div>

  <script>
    const cards = [
      document.getElementById('card-0'),
      document.getElementById('card-1'),
      document.getElementById('card-2')
    ];
    const btns = [
      document.getElementById('btn-0'),
      document.getElementById('btn-1'),
      document.getElementById('btn-2')
    ];
    const conns = [
      document.getElementById('conn-0'),
      document.getElementById('conn-1')
    ];
    const playBtn = document.getElementById('playBtn');

    let current = 0;
    let playing = true;
    let timer = null;

    function render(idx) {
      current = idx;
      cards.forEach((c, i) => {
        if (c) c.classList.toggle('active', i === idx);
      });
      btns.forEach((b, i) => {
        if (b) b.classList.toggle('active', i === idx);
      });
      conns.forEach((cn, i) => {
        if (cn) cn.classList.toggle('active', i < idx);
      });
    }

    function next() {
      render((current + 1) % 3);
    }

    function startTimer() {
      if (timer) clearInterval(timer);
      timer = setInterval(next, 3500);
      playing = true;
      playBtn.textContent = '⏸';
    }

    function pauseTimer() {
      if (timer) clearInterval(timer);
      timer = null;
      playing = false;
      playBtn.textContent = '▶';
    }

    btns.forEach((btn, i) => {
      btn.addEventListener('click', () => {
        render(i);
        pauseTimer();
      });
    });

    cards.forEach((card, i) => {
      card.addEventListener('click', () => {
        render(i);
        pauseTimer();
      });
    });

    playBtn.addEventListener('click', () => {
      if (playing) {
        pauseTimer();
      } else {
        next();
        startTimer();
      }
    });

    startTimer();
  </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="4:3">
  <title>Thesis Sculpting Process</title>
  <style>
    * {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
    }
    body {
      width: 100%;
      background: #ffffff;
      font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
      color: #1e2945;
      padding: 12px 10px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      min-height: 100vh;
      box-sizing: border-box;
    }
    .diagram-stage {
      width: 100%;
      max-width: 480px;
      display: flex;
      flex-direction: column;
      gap: 10px;
      align-items: center;
      position: relative;
    }

    /* Top: Rough Block */
    .block-rough {
      width: 100%;
      padding: 10px 14px;
      background: #f8fafc;
      border: 2px dashed #64748b;
      border-radius: 8px;
      text-align: center;
      transition: all 0.3s ease;
    }
    .block-rough.dimmed {
      opacity: 0.6;
      border-color: #94a3b8;
      background: #f1f5f9;
    }
    .block-rough .tag {
      font-size: 11px;
      font-weight: 800;
      letter-spacing: 0.05em;
      text-transform: uppercase;
      color: #475569;
      margin-bottom: 2px;
    }
    .block-rough.dimmed .tag {
      color: #64748b;
    }
    .block-rough .content {
      font-size: 14.5px;
      font-weight: 700;
      color: #0f172a;
    }
    .block-rough.dimmed .content {
      color: #334155;
    }

    /* Middle: Chisels / Details */
    .chisels-row {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 8px;
      width: 100%;
    }
    .chisel-card {
      background: #eff6ff;
      border: 2px solid #2563eb;
      border-radius: 8px;
      padding: 8px 5px;
      text-align: center;
      position: relative;
      transition: all 0.3s ease;
      cursor: pointer;
      user-select: none;
    }
    .chisel-card:hover {
      box-shadow: 0 3px 10px rgba(37,99,235,0.2);
    }
    .chisel-card.active {
      border-color: #2563eb;
      background: #dbeafe;
      box-shadow: 0 0 0 2px rgba(37,99,235,0.25);
    }
    .chisel-card.dimmed {
      opacity: 0.65;
      border: 1.5px solid #94a3b8;
      background: #f8fafc;
      box-shadow: none;
    }
    .chisel-icon {
      font-size: 17px;
      line-height: 1;
      margin-bottom: 4px;
    }
    .chisel-title {
      font-size: 12px;
      font-weight: 800;
      color: #1e40af;
      line-height: 1.2;
    }
    .chisel-card.dimmed .chisel-title {
      color: #334155;
    }
    .chisel-sub {
      font-size: 11px;
      font-weight: 600;
      color: #1e293b;
      line-height: 1.25;
      margin-top: 3px;
    }
    .chisel-card.dimmed .chisel-sub {
      color: #475569;
    }

    /* Directional Arrows */
    .arrow-indicator {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 6px;
      color: #1d4ed8;
      font-size: 12.5px;
      font-weight: 800;
      margin: -2px 0;
      transition: opacity 0.3s ease;
    }
    .arrow-indicator.dimmed {
      opacity: 0.55;
      color: #64748b;
    }

    /* Bottom: Polished Thesis Gem */
    .block-gem {
      width: 100%;
      padding: 12px 14px;
      background: #ecfdf5;
      border: 2px solid #059669;
      border-radius: 10px;
      text-align: center;
      box-shadow: 0 4px 12px rgba(5,150,105,0.16);
      transition: all 0.3s ease;
    }
    .block-gem.dimmed {
      opacity: 0.6;
      border: 1.5px solid #34d399;
      background: #f0fdf4;
      box-shadow: none;
    }
    .block-gem .gem-tag {
      font-size: 11px;
      font-weight: 800;
      letter-spacing: 0.06em;
      text-transform: uppercase;
      color: #047857;
      margin-bottom: 4px;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 4px;
    }
    .block-gem.dimmed .gem-tag {
      color: #065f46;
    }
    .block-gem .content {
      font-size: 14px;
      font-weight: 800;
      color: #022c22;
      line-height: 1.35;
    }
    .block-gem.dimmed .content {
      color: #064e3b;
    }

    /* Step Controls */
    .nav-bar {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      margin-top: 12px;
      width: 100%;
      max-width: 480px;
    }
    .step-btn {
      flex: 1;
      padding: 8px 4px;
      border: 1.5px solid #94a3b8;
      background: #ffffff;
      border-radius: 6px;
      font-size: 11.5px;
      font-weight: 700;
      color: #334155;
      cursor: pointer;
      transition: all 0.2s ease;
      text-align: center;
    }
    .step-btn:hover {
      border-color: #2563eb;
      color: #1d4ed8;
    }
    .step-btn.active {
      background: #2563eb;
      color: #ffffff;
      border-color: #2563eb;
      box-shadow: 0 2px 6px rgba(37,99,235,0.3);
    }

    @media (max-width: 380px) {
      body {
        padding: 8px 6px;
      }
      .chisel-card {
        padding: 6px 3px;
      }
      .chisel-icon {
        font-size: 15px;
      }
      .chisel-title {
        font-size: 11px;
      }
      .chisel-sub {
        font-size: 10px;
      }
      .block-gem .content {
        font-size: 13px;
      }
      .step-btn {
        font-size: 10.5px;
        padding: 7px 2px;
      }
    }
  </style>
</head>
<body>

  <div class="diagram-stage">
    
    <div id="roughBlock" class="block-rough">
      <div class="tag">Broad Starting Topic</div>
      <div class="content">"Urban heat is rising"</div>
    </div>

    
    <div class="chisels-row">
      <div id="chisel1" class="chisel-card active" onclick="setStep(1)">
        <div class="chisel-icon">🔨</div>
        <div class="chisel-title">Anecdote</div>
        <div class="chisel-sub">Personalizes the impact</div>
      </div>
      <div id="chisel2" class="chisel-card active" onclick="setStep(1)">
        <div class="chisel-icon">🔬</div>
        <div class="chisel-title">Case Study</div>
        <div class="chisel-sub">Isolates the mechanism</div>
      </div>
      <div id="chisel3" class="chisel-card active" onclick="setStep(1)">
        <div class="chisel-icon">📊</div>
        <div class="chisel-title">Empirical Data</div>
        <div class="chisel-sub">Tests the scale</div>
      </div>
    </div>

    <div id="arrowInd" class="arrow-indicator">
      <span>↓</span> Details Sculpt &amp; Narrow Topic <span>↓</span>
    </div>

    
    <div id="gemBlock" class="block-gem">
      <div class="gem-tag">✦ Refined Central Thesis ✦</div>
      <div class="content">"Tree canopy distribution is a critical public health and economic equity issue"</div>
    </div>
  </div>

  
  <div class="nav-bar">
    <button id="btn0" class="step-btn" onclick="setStep(0)">1. Broad Topic</button>
    <button id="btn1" class="step-btn" onclick="setStep(1)">2. Carving Details</button>
    <button id="btn2" class="step-btn active" onclick="setStep(2)">3. Refined Thesis</button>
  </div>

  <script>
    let currentStep = 2;
    let timer = null;

    const rough = document.getElementById('roughBlock');
    const chisels = [document.getElementById('chisel1'), document.getElementById('chisel2'), document.getElementById('chisel3')];
    const arrow = document.getElementById('arrowInd');
    const gem = document.getElementById('gemBlock');
    const btns = [document.getElementById('btn0'), document.getElementById('btn1'), document.getElementById('btn2')];

    function applyState(s) {
      btns.forEach((b, i) => b.classList.toggle('active', i === s));

      if (s === 0) {
        rough.classList.remove('dimmed');
        chisels.forEach(c => { c.classList.remove('active'); c.classList.add('dimmed'); });
        arrow.classList.add('dimmed');
        gem.classList.add('dimmed');
      } else if (s === 1) {
        rough.classList.remove('dimmed');
        chisels.forEach(c => { c.classList.add('active'); c.classList.remove('dimmed'); });
        arrow.classList.remove('dimmed');
        gem.classList.add('dimmed');
      } else {
        rough.classList.add('dimmed');
        chisels.forEach(c => { c.classList.add('active'); c.classList.remove('dimmed'); });
        arrow.classList.remove('dimmed');
        gem.classList.remove('dimmed');
      }
    }

    function setStep(s) {
      currentStep = s;
      applyState(s);
      resetTimer();
    }

    function nextStep() {
      currentStep = (currentStep + 1) % 3;
      applyState(currentStep);
    }

    function resetTimer() {
      if (timer) clearInterval(timer);
      timer = setInterval(nextStep, 3500);
    }

    applyState(2);
    resetTimer();
  </script>
</body>
</html>

Identifying Explicit Information in Unseen Fiction Extracts

Identifying Explicit Information in Unseen Non-Fiction Texts

Inferring Implicit Meanings: Reading Between the Lines

Distinguishing Fact from Opinion in Non-Fiction Texts

Selecting Relevant Quotations as Evidence

Embedding Quotations Effectively Using the PETAL Method

Selecting Evidence from Multiple Texts on the Same Topic

Synthesising Information Across Two or More Texts

Summarising Key Points from a Text Accurately

AQA-Style Paper 1: Responding to an Unseen Extract

Reading for Meaning and Evidence

Tracing the Evolution of Complex Phenomena Across Expository Texts

Analyzing Causal and Chronological Sequencing in Historical Arguments

Tracking How Key Terms and Domain Concepts Are Progressively Refined

Distinguishing Central Theses From Subordinate Claims

Composing Unbiased Objective Summaries of Complex Nonfiction

Evaluating the Accuracy and Completeness of Text Summaries

Central Ideas, Structural Sequencing, and Objective Summaries

Distinguishing Between Central and Supporting Ideas in History Texts

Tracing How Key Events Develop Across a Historical Text

Tracing How Key Ideas Develop Across a Historical Text

Writing an Objective Summary With Central Ideas

Reading Complex History Texts Independently and Proficiently

Building Stamina for Complex Social Studies Reading

Determining Central Ideas and Summarizing Historical Texts

What Is Paraphrasing and Why It Matters

Paraphrasing Short Passages Without Losing Meaning

Paraphrasing Complex Sentences Accurately

Paraphrasing Multi-Paragraph Texts

Avoiding Plagiarism When Paraphrasing

What Makes a Good Summary?

Summarizing Narrative Texts in Logical Order

Summarizing Informational Texts

Summarizing Argumentative Texts

Maintaining Logical Order in Summaries

Paraphrasing and Summarizing to Maintain Meaning

Determining a Theme in Grade 9-10 Literature

Tracing Theme Development Across a Full Text

How Specific Details Shape and Refine Theme

Determining Central Ideas in Grade 9-10 Informational Text

Tracing Central Idea Development Across Sections

Writing Objective Summaries of Literature

Writing Objective Summaries of Informational Text

Distinguishing Theme From Central Idea

Analyzing How Multiple Themes Interact

Theme and Central Idea Development Across Texts

What Is Causation vs. Mere Sequence in History?

Analyzing a Series of Events for Cause-and-Effect Relationships

Identifying Causal Chains in Historical Narratives

Distinguishing Causation From Correlation in Historical Accounts

Determining Whether Earlier Events Caused or Preceded Later Ones

Using Context to Determine Political Vocabulary in History Texts

Using Context to Determine Social Vocabulary in History Texts

Using Context to Determine Economic Vocabulary in History Texts

Identifying Domain-Specific Words in Social Studies Texts

Using Domain-Specific Vocabulary in Historical Analysis Writing

Analyzing Events, Causation, and Historical Vocabulary

Identifying Characters With Conflicting Motivations

Tracing Character Development Across a Full Text

How Character Interactions Advance the Plot

How Character Actions Develop Theme

How Authors Unfold a Series of Ideas

Tracing the Order of Points in Informational Text

How Ideas Are Introduced and Developed

Analyzing Connections Between Ideas in Informational Text

Comparing Character and Idea Development Across Texts

Applying Character and Idea Analysis to a Complete Text

Complex Characters and How Authors Unfold Ideas

Linking Ideas Across Different Texts and Authors

Writing Responses That Compare Multiple Texts

Comparing Sources Across Different Genres

Analyzing Thematic Meaning Across Genres

Comparing Characterization Across Literary Genres

Comparing Author Craft Choices Across Genres

Writing a Multi-Genre Comparative Analysis

Synthesizing Explicit and Implicit Meaning Across Texts

Comparing Texts and Themes Across Genres

What Does It Mean to Evaluate a Text Critically?

Judging the Effectiveness of a Writer's Choices

Evaluating Text Structures Against Stated Purposes

Evaluating Reliability and Bias in Non-Fiction Texts

Substantiating Evaluations with Textual Evidence

Evaluating the Impact of a Text on Its Intended Reader

Edexcel-Style Evaluation: Writing a Critical Response

Critical Evaluation of Texts

Citing Specific Evidence From Science and Technical Texts

Attending to Precise Details in Scientific Explanations

Attending to Precise Details in Technical Descriptions

Drawing Evidence From Informational Texts to Support Research

Determining Central Ideas in Complex Science Texts

Evidence and Central Ideas in Science and Technical Texts

What Is an Evaluative Response?

Distinguishing Summary From Evaluation

Using Text Evidence to Support Your Opinion

Writing Analytical Commentary That Explains Your Evidence

Writing Original Commentary, Not Paraphrase

Balancing Evidence and Commentary in Evaluative Paragraphs

Embedding Quotations in Evaluative Responses

Foundations of Evaluative Writing

What Is Inference in Advanced Reading?

Inferring the Author's Unstated Assumptions

Inferring Themes and Implicit Arguments

Citing Textual Evidence to Support Inferences

Inferring Across Multiple Texts and Sources

Distinguishing Reasonable Inferences From Overreach

Making Evidence-Based Inferences from Complex Texts

Citing Textual Evidence with Attention to Date and Origin

Analyzing Author Social Position and Institutional Origin

Determining Central Ideas in Dense Foundational Texts

Tracing How Arguments Develop and Evolve Across a Text

Summarizing Complex Historical Treatises Objectively

Evaluating Contextual Shifts Between Initial and Revised Editions

Analyzing Thematic Threads in Presidential Addresses

Reading Complex Nineteenth-Century Diplomatic Cables

Reading High School Social Studies Texts Independently and Proficiently

social-studies

Advanced Textual Citation and Central Idea Development (Grades 9–10)

Introduction to Critiquing Informational Texts

Identifying a Clear Thesis in Informational Texts

Evaluating the Effectiveness of a Thesis Statement

Evaluating Supporting Evidence in Informational Texts

Analyzing Pertinent Examples in Informational Texts

Evaluating Commentary and Analysis in Informational Texts

Evaluating Summaries in Informational Texts

Evaluating Conclusions in Informational Texts

Critiquing Structural Elements of Informational Texts

Inferring Implicit Meanings From Text Evidence

Supporting Inferences With Multiple Pieces of Evidence

Distinguishing Reasonable Inferences From Speculation

Identifying Key Ideas in Complex Texts

Evaluating Details to Determine Key Ideas

Distinguishing Key Ideas From Minor Details

Tracing How Details Build to Key Ideas

Drawing Inferences and Determining Key Ideas from Textual Evidence

Evaluating Details for Relevance to Key Ideas

Evaluating the Credibility of Supporting Details

Separating Key Ideas From Supporting Details

Evaluating Conflicting Details Across Sources

Analyzing Details That Undermine or Complicate Key Ideas

Writing an Evidence-Based Analysis of Key Ideas

Evaluating Details to Analyze and Articulate Key Ideas

Determining Which Details Most Strongly Support Key Ideas

Following How Details Accumulate Into Key Ideas

Identifying Details That Challenge Dominant Interpretations

Distinguishing Between Minor and Major Supporting Details

Assessing Source Credibility When Evaluating Details

Summarizing by Selecting the Most Important Details

Evaluating Details in Argumentative and Persuasive Texts

Comparing Key Ideas Across Multiple Texts on the Same Topic

Writing a Summary Based on Evaluated Key Details

Evaluating Details to Identify Key Ideas

Executing Complex Multistep Scientific and Technical Instructions

Translating Quantitative Data Into Explanatory Prose

Translating Complex Verbal Arguments Into Visual and Multimodal Models

Evaluating Data Visualizations, Infographics, and Scale Distortions

Analyzing Interactive Digital Reports and Hypertext Architectures

Critiquing Multimedia Journalism, Video Essays, and Audio Documentaries

Reading and Critiquing Upper-Secondary Literary Nonfiction Independently

Technical Procedures, Data Translation, and Multimodal Critique

Tracing How a Text Depicts a Complex Process

Tracing How a Text Depicts a Complex Phenomenon

Tracing How a Text Depicts a Complex Concept

Writing an Accurate Summary of a Science or Technical Text

Following Complex Multistep Procedures in Experiments

Following Multistep Procedures for Technical Tasks and Measurements

Attending to Special Cases and Exceptions in Technical Procedures

Tracing Processes and Following Procedures in Science and Technical Texts

Analyzing Whether Earlier Events Caused Later Ones

Distinguishing Short-Term Triggers from Long-Term Systemic Causes

Evaluating Multiple Causation in Historical Revolutions

Identifying Coincidence and Spurious Correlation in History

Analyzing the Unintended Consequences of Legislation

Tracing Causal Feedback Loops in Economic Crises

Evaluating Contingency and Alternative Historical Outcomes

Analyzing Causal Chains in Treaties and International Conflicts

Deconstructing Historiographical Debates over War Origins

Causation, Correlation, and Chronology in History (Grades 9–10)

Organizational Design: Cause and Effect in Informational Texts

Organizational Design: Problem and Solution Structures

How Organizational Design Serves Author's Purpose

Evaluating Whether Organizational Design Matches Purpose

Comparing Organizational Designs Across Informational Texts

Critiquing Bias and Objectivity in Informational Texts

Evaluating the Overall Effectiveness of an Informational Text

Writing a Critique of an Informational Text

Evaluating Organizational Design and Holistic Critique of Informational Texts

Synthesizing Information From Different Text Types

Combining Information From Two Texts on the Same Topic

Reconciling Conflicting Information From Multiple Texts

Building New Claims by Synthesizing Multiple Sources

Combining Literary Insights Across Multiple Works

Creating a Synthesis Matrix to Organize Information

Synthesizing Quantitative and Qualitative Information

Synthesizing Information From Multiple Texts

Recognizing Comprehension Breakdown

Strategic Re-Reading: Knowing When and How

Using Background Knowledge to Repair Understanding

Monitoring and Repairing Comprehension

OGE.10.RI.2

Aligned learning resources

Related diagrams