https://ap-stat.zhtek.org/page/Recent content in Pages on AP Stat HomeHugo -- gohugo.ioen-ushttps://ap-stat.zhtek.org/page/flashcards/Mon, 01 Jan 0001 00:00:00 +0000https://ap-stat.zhtek.org/page/flashcards/<!-- KaTeX for LaTeX rendering --> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.16.9/dist/katex.min.css"> <script src="https://cdn.jsdelivr.net/npm/katex@0.16.9/dist/katex.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/katex@0.16.9/dist/contrib/auto-render.min.js"></script> <style> /* Container */ .flashcard-app { max-width: 100%; margin: 0 auto; padding: 1rem; } /* Header */ .fc-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 2rem; } .fc-progress { font-size: 1.5rem; font-weight: 700; color: var(--accent-color, #667eea); } .fc-shuffle { padding: 0.75rem 1.5rem; background: transparent; border: 2px solid var(--accent-color, #667eea); color: var(--accent-color, #667eea); border-radius: 10px; cursor: pointer; font-size: 1rem; font-weight: 500; transition: all 0.3s ease; } .fc-shuffle:hover { background: var(--accent-color, #667eea); color: white; } /* Unit Filter */ .fc-filter { display: flex; flex-wrap: wrap; gap: 0.6rem; margin-bottom: 2rem; justify-content: center; } .fc-filter button { padding: 0.6rem 1.2rem; border: 2px solid rgba(102, 126, 234, 0.3); background: transparent; color: var(--body-text-color); border-radius: 25px; cursor: pointer; font-size: 1rem; font-weight: 500; transition: all 0.25s ease; } .fc-filter button:hover { border-color: var(--accent-color, #667eea); } .fc-filter button.active { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; border-color: transparent; } /* Card Stack */ .fc-stack { position: relative; min-height: 60vh; width: 100%; margin-bottom: 2rem; display: flex; align-items: center; justify-content: center; } /* Single Card */ .fc-card { position: absolute; width: 100%; height: 100%; cursor: grab; touch-action: pan-y; transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.4s ease; } .fc-card:active { cursor: grabbing; } .fc-card.swiping { transition: none; } .fc-card.exit-left { transform: translateX(-150%) rotate(-20deg); opacity: 0; } .fc-card.exit-right { transform: translateX(150%) rotate(20deg); opacity: 0; } .fc-card-inner { position: relative; width: 100%; height: 100%; transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1); transform-style: preserve-3d; } .fc-card.flipped .fc-card-inner { transform: rotateY(180deg); } .fc-front, .fc-back { position: absolute; width: 100%; height: 100%; backface-visibility: hidden; border-radius: 24px; padding: 4rem; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; } .fc-front { background: linear-gradient(145deg, #667eea 0%, #764ba2 50%, #f093fb 100%); color: white; box-shadow: 0 20px 60px rgba(102, 126, 234, 0.4), 0 0 0 1px rgba(255,255,255,0.1) inset; } .fc-back { background: var(--card-background, #ffffff); transform: rotateY(180deg); border: 3px solid #667eea; box-shadow: 0 20px 60px rgba(0,0,0,0.15); } .fc-term { font-size: clamp(2.5rem, 5vw, 4.5rem); font-weight: 700; line-height: 1.2; margin-bottom: 2rem; } .fc-definition { font-size: clamp(1.4rem, 2.5vw, 2.2rem); line-height: 1.7; color: var(--body-text-color); max-width: 85%; } .fc-unit-badge { position: absolute; top: 1.25rem; right: 1.25rem; font-size: 0.7rem; font-weight: 600; padding: 0.3rem 0.75rem; background: rgba(255,255,255,0.25); border-radius: 20px; backdrop-filter: blur(4px); } .fc-back .fc-unit-badge { background: linear-gradient(135deg, #667eea, #764ba2); color: white; } .fc-hint { position: absolute; bottom: 1.25rem; font-size: 0.75rem; opacity: 0.7; } /* Navigation */ .fc-nav { display: flex; justify-content: center; gap: 0.75rem; } .fc-btn { width: 56px; height: 56px; border-radius: 50%; border: none; cursor: pointer; font-size: 1.25rem; display: flex; align-items: center; justify-content: center; transition: all 0.3s ease; } .fc-btn:hover { transform: scale(1.1); } .fc-btn:active { transform: scale(0.95); } .fc-btn.prev { background: var(--card-background); border: 2px solid #e0e0e0; color: var(--body-text-color); } .fc-btn.flip { background: linear-gradient(135deg, #667eea, #764ba2); color: white; box-shadow: 0 4px 20px rgba(102, 126, 234, 0.4); } .fc-btn.next { background: var(--card-background); border: 2px solid #e0e0e0; color: var(--body-text-color); } .fc-btn:disabled { opacity: 0.4; cursor: not-allowed; transform: none; } /* Empty State */ .fc-empty { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; text-align: center; padding: 4rem 2rem; color: #555; } .fc-empty-icon { font-size: 8rem; margin-bottom: 2rem; } .fc-empty-text { font-size: 1.8rem; font-weight: 600; margin-bottom: 0.5rem; } .fc-empty-sub { font-size: 1.1rem; opacity: 0.7; } /* Keyboard hint */ .fc-keys { text-align: center; margin-top: 1.5rem; font-size: 0.75rem; color: #999; } .fc-keys kbd { background: #f0f0f0; padding: 0.2rem 0.5rem; border-radius: 4px; font-family: system-ui; margin: 0 0.1rem; } </style> <div class="flashcard-app"> <div class="fc-header"> <span class="fc-progress" id="fc-progress">0 / 0</span> <button class="fc-shuffle" onclick="shuffleCards()">🔀 Shuffle</button> </div> <div class="fc-filter" id="fc-filter"> <button class="active" data-unit="all">All</button> <button data-unit="Unit 1">U1</button> <button data-unit="Unit 2">U2</button> <button data-unit="Unit 3">U3</button> <button data-unit="Unit 4">U4</button> <button data-unit="Unit 5">U5</button> <button data-unit="Unit 6">U6</button> <button data-unit="Unit 7">U7</button> <button data-unit="Unit 8">U8</button> <button data-unit="Unit 9">U9</button> </div> <div class="fc-stack" id="fc-stack"> <div class="fc-empty"> <div class="fc-empty-icon">📚</div> Loading flashcards... </div> </div> <div class="fc-nav"> <button class="fc-btn prev" id="btn-prev" onclick="prevCard()">←</button> <button class="fc-btn flip" onclick="flipCard()">↻</button> <button class="fc-btn next" id="btn-next" onclick="nextCard()">→</button> </div> <div class="fc-keys"> <kbd>←</kbd> <kbd>→</kbd> navigate · <kbd>Space</kbd> flip </div> </div> <script> let allCards = []; let cards = []; let idx = 0; let currentUnit = 'all'; // Track current unit explicitly let startX = 0; let currentX = 0; let isDragging = false; // Load cards fetch('/data/flashcards.json') .then(r => r.ok ? r.json() : {cards: []}) .then(data => { allCards = data.cards || []; // Initialize state from URL hash readState(); updateFilterButtons(); render(); // Listen for manual URL changes (e.g. typing in address bar) window.addEventListener('hashchange', () => { readState(); render(); }); }) .catch(() => render()); // State Management function updateState() { const params = new URLSearchParams(); params.set('unit', currentUnit); params.set('card', idx); history.replaceState(null, null, '#' + params.toString()); } function readState() { const hash = window.location.hash.substring(1); const params = new URLSearchParams(hash); // Restore Unit const unit = params.get('unit'); if (unit) { // Validate unit exists (or is 'all') const exists = unit === 'all' || allCards.some(c => c.unit === unit); if (exists) { currentUnit = unit; // Update UI active button document.querySelectorAll('.fc-filter button').forEach(b => { b.classList.toggle('active', b.dataset.unit === unit); }); } } // Set cards array based on unit cards = currentUnit === 'all' ? [...allCards] : allCards.filter(c => c.unit === currentUnit); // Restore Index const savedIdx = parseInt(params.get('card')); if (!isNaN(savedIdx) && savedIdx >= 0 && savedIdx < cards.length) { idx = savedIdx; } else { idx = 0; } } // Hide unit buttons that have no cards function updateFilterButtons() { const unitCounts = {}; allCards.forEach(c => { unitCounts[c.unit] = (unitCounts[c.unit] || 0) + 1; }); document.querySelectorAll('.fc-filter button').forEach(btn => { const unit = btn.dataset.unit; if (unit === 'all') return; if (!unitCounts[unit]) { btn.style.display = 'none'; } }); } // Filter buttons document.getElementById('fc-filter').addEventListener('click', e => { if (e.target.tagName !== 'BUTTON') return; document.querySelectorAll('.fc-filter button').forEach(b => b.classList.remove('active')); e.target.classList.add('active'); currentUnit = e.target.dataset.unit; cards = currentUnit === 'all' ? [...allCards] : allCards.filter(c => c.unit === currentUnit); idx = 0; updateState(); // Save new state render(); }); function render() { const stack = document.getElementById('fc-stack'); const progress = document.getElementById('fc-progress'); if (cards.length === 0) { stack.innerHTML = `<div class="fc-empty"><div class="fc-empty-icon">🎴</div><div class="fc-empty-text">No flashcards yet!</div><div class="fc-empty-sub">They'll appear as notes are processed.</div></div>`; progress.textContent = '0 / 0'; return; } const card = cards[idx]; progress.textContent = `${idx + 1} / ${cards.length}`; // Only update stack content if it's not a swipe animation // (Assuming full re-render for now to be safe with LaTeX) stack.innerHTML = ` <div class="fc-card" id="fc-current"> <div class="fc-card-inner"> <div class="fc-front"> <span class="fc-unit-badge">${card.unit}</span> <div class="fc-term">${card.term}</div> <div class="fc-hint">Tap to flip</div> </div> <div class="fc-back"> <span class="fc-unit-badge">${card.unit}</span> <div class="fc-definition">${card.definition}</div> </div> </div> </div> `; const el = document.getElementById('fc-current'); el.addEventListener('touchstart', onTouchStart, {passive: true}); el.addEventListener('touchmove', onTouchMove, {passive: false}); el.addEventListener('touchend', onTouchEnd); el.addEventListener('click', (e) => { if (!isDragging) flipCard(); }); if (typeof renderMathInElement !== 'undefined') { renderMathInElement(el, { delimiters: [ {left: '$$', right: '$$', display: true}, {left: '$', right: '$', display: false} ] }); } document.getElementById('btn-prev').disabled = idx === 0; document.getElementById('btn-next').disabled = idx === cards.length - 1; updateState(); // Sync URL with current view } function flipCard() { document.getElementById('fc-current')?.classList.toggle('flipped'); } function prevCard() { if (idx > 0) { idx--; render(); } } function nextCard() { if (idx < cards.length - 1) { idx++; render(); } } function shuffleCards() { for (let i = cards.length - 1; i > 0; i--) { const j = Math.floor(Math.random() * (i + 1)); [cards[i], cards[j]] = [cards[j], cards[i]]; } idx = 0; render(); } // Swipe handlers function onTouchStart(e) { startX = e.touches[0].clientX; isDragging = false; } function onTouchMove(e) { if (!startX) return; currentX = e.touches[0].clientX - startX; if (Math.abs(currentX) > 10) { isDragging = true; const card = document.getElementById('fc-current'); card.classList.add('swiping'); card.style.transform = `translateX(${currentX}px) rotate(${currentX * 0.05}deg)`; e.preventDefault(); } } function onTouchEnd() { const card = document.getElementById('fc-current'); card.classList.remove('swiping'); if (Math.abs(currentX) > 80) { if (currentX > 0 && idx < cards.length - 1) { card.classList.add('exit-right'); setTimeout(() => { idx++; render(); }, 300); } else if (currentX < 0 && idx > 0) { card.classList.add('exit-left'); setTimeout(() => { idx--; render(); }, 300); } else { card.style.transform = ''; } } else { card.style.transform = ''; } startX = 0; currentX = 0; setTimeout(() => isDragging = false, 100); } // Keyboard document.addEventListener('keydown', e => { if (e.code === 'Space') { e.preventDefault(); flipCard(); } if (e.code === 'ArrowLeft') prevCard(); if (e.code === 'ArrowRight') nextCard(); }); </script>https://ap-stat.zhtek.org/page/homework/Mon, 01 Jan 0001 00:00:00 +0000https://ap-stat.zhtek.org/page/homework/<h2 id="current-assignments">Current Assignments </h2><p>Check here for the latest homework assignments. Assignments are posted by class.</p> <blockquote> <p><strong>Tip:</strong> Assignments are automatically posted when your teacher creates them!</p></blockquote>https://ap-stat.zhtek.org/page/formulas/Mon, 01 Jan 0001 00:00:00 +0000https://ap-stat.zhtek.org/page/formulas/<h2 id="official-ap-statistics-formula-sheet--tables">Official AP Statistics Formula Sheet &amp; Tables </h2><p>This is the official formula sheet provided during the AP Statistics exam. Familiarize yourself with where each formula is located!</p> <div style="position: relative; padding-bottom: 141.4%; height: 0; overflow: hidden; max-width: 100%; background: #f8f9fa; border: 1px solid #dee2e6; border-radius: 8px;"> <iframe src="https://apcentral.collegeboard.org/media/pdf/statistics-formula-sheet-and-tables-2020.pdf#view=FitH" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0;" allowfullscreen> </iframe> </div> <p style="text-align: center; margin-top: 10px;"> <a href="https://apcentral.collegeboard.org/media/pdf/statistics-formula-sheet-and-tables-2020.pdf" target="_blank" class="btn btn-primary" style="background: #007bff; color: white; padding: 8px 16px; text-decoration: none; border-radius: 4px;">Download PDF</a> </p> <h3 id="whats-included">What&rsquo;s Included </h3><table> <thead> <tr> <th>Section</th> <th>Contents</th> </tr> </thead> <tbody> <tr> <td><strong>I. Descriptive Statistics</strong></td> <td>Mean, standard deviation, z-scores</td> </tr> <tr> <td><strong>II. Probability</strong></td> <td>Addition &amp; multiplication rules, conditional probability</td> </tr> <tr> <td><strong>III. Distributions</strong></td> <td>Binomial, geometric formulas</td> </tr> <tr> <td><strong>IV. Sampling</strong></td> <td>Standard errors, confidence intervals</td> </tr> <tr> <td><strong>V. Inference</strong></td> <td>Test statistics, chi-square</td> </tr> </tbody> </table> <h3 id="tables-included">Tables Included </h3><ul> <li>Standard Normal (z) Table</li> <li>t-Distribution Critical Values</li> <li>Chi-Square Critical Values</li> </ul>https://ap-stat.zhtek.org/page/calculator/Mon, 01 Jan 0001 00:00:00 +0000https://ap-stat.zhtek.org/page/calculator/<h2 id="essential-ti-84-commands-for-ap-statistics">Essential TI-84 Commands for AP Statistics </h2><p>Master these calculator functions to save time on the exam!</p> <h3 id="official-resources">Official Resources </h3><ul> <li><a class="link" href="https://education.ti.com/en/activities/ap-statistics" target="_blank" rel="noopener" >TI-84 AP Statistics Activities</a> - Texas Instruments official guide</li> <li><a class="link" href="https://education.ti.com/en/activities" target="_blank" rel="noopener" >TI Calculator Tutorials</a></li> </ul> <hr> <h2 id="quick-reference">Quick Reference </h2><h3 id="descriptive-statistics">Descriptive Statistics </h3><table> <thead> <tr> <th>Function</th> <th>Keystrokes</th> <th>Use</th> </tr> </thead> <tbody> <tr> <td>Enter Data</td> <td><code>STAT</code> → <code>EDIT</code></td> <td>Input data into L1, L2, etc.</td> </tr> <tr> <td>1-Var Stats</td> <td><code>STAT</code> → <code>CALC</code> → <code>1</code></td> <td>Mean, StdDev, 5-number summary</td> </tr> <tr> <td>Histogram</td> <td><code>2nd</code> → <code>STAT PLOT</code></td> <td>Create frequency displays</td> </tr> </tbody> </table> <h3 id="normal-distribution">Normal Distribution </h3><table> <thead> <tr> <th>Function</th> <th>Keystrokes</th> <th>Use</th> </tr> </thead> <tbody> <tr> <td><code>normalcdf(</code></td> <td><code>2nd</code> → <code>DISTR</code> → <code>2</code></td> <td>P(a &lt; X &lt; b)</td> </tr> <tr> <td><code>invNorm(</code></td> <td><code>2nd</code> → <code>DISTR</code> → <code>3</code></td> <td>Find z for given percentile</td> </tr> </tbody> </table> <h3 id="binomial--geometric">Binomial &amp; Geometric </h3><table> <thead> <tr> <th>Function</th> <th>Keystrokes</th> <th>Use</th> </tr> </thead> <tbody> <tr> <td><code>binompdf(</code></td> <td><code>2nd</code> → <code>DISTR</code> → <code>A</code></td> <td>P(X = k)</td> </tr> <tr> <td><code>binomcdf(</code></td> <td><code>2nd</code> → <code>DISTR</code> → <code>B</code></td> <td>P(X ≤ k)</td> </tr> <tr> <td><code>geometpdf(</code></td> <td><code>2nd</code> → <code>DISTR</code> → <code>D</code></td> <td>P(first success on trial k)</td> </tr> </tbody> </table> <h3 id="regression">Regression </h3><table> <thead> <tr> <th>Function</th> <th>Keystrokes</th> <th>Use</th> </tr> </thead> <tbody> <tr> <td><code>LinReg(a+bx)</code></td> <td><code>STAT</code> → <code>CALC</code> → <code>8</code></td> <td>Least-squares regression</td> </tr> <tr> <td>Turn on r²</td> <td><code>2nd</code> → <code>CATALOG</code> → <code>DiagnosticOn</code></td> <td>Show correlation coefficient</td> </tr> </tbody> </table> <h3 id="hypothesis-tests">Hypothesis Tests </h3><table> <thead> <tr> <th>Function</th> <th>Keystrokes</th> <th>Use</th> </tr> </thead> <tbody> <tr> <td>1-PropZTest</td> <td><code>STAT</code> → <code>TESTS</code> → <code>5</code></td> <td>Test one proportion</td> </tr> <tr> <td>2-PropZTest</td> <td><code>STAT</code> → <code>TESTS</code> → <code>6</code></td> <td>Compare two proportions</td> </tr> <tr> <td>T-Test</td> <td><code>STAT</code> → <code>TESTS</code> → <code>2</code></td> <td>Test one mean</td> </tr> <tr> <td>χ²-Test</td> <td><code>STAT</code> → <code>TESTS</code> → <code>C</code></td> <td>Chi-square test</td> </tr> </tbody> </table> <hr> <blockquote> <p><strong>Pro Tip:</strong> Before the exam, press <code>2nd</code> → <code>MEM</code> → <code>7</code> to reset your calculator if borrowing one!</p></blockquote>https://ap-stat.zhtek.org/page/search/Mon, 01 Jan 0001 00:00:00 +0000https://ap-stat.zhtek.org/page/search/