Galton Tahtası İnteraktif Etkinlik

/* Galton Tahtası — tüm stiller .gt kapsayıcısıyla sınırlı; sitenin genel stillerine dokunmaz. */ .gt{ /* Palet: #F98155 #FFAD36 #B7C82B #0198B9 #7473BC #A165A8 */ --gt-bg:#ffffff; --gt-surface:#ffffff; --gt-ink:#1f2230; --gt-muted:#5f6273; --gt-line:#e4e4ee; --gt-chip:#f5f5fb; --gt-ball:#0198B9; --gt-peg:#FFAD36; --gt-curve:#F98155; --gt-accent:#7473BC; --gt-flash:#B7C82B; --gt-mark:#A165A8; --gt-display:"Fraunces", Georgia, "Times New Roman", serif; --gt-body:"IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif; --gt-mono:"IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, monospace; container-type:inline-size; display:block;width:100%;max-width:1200px;margin:0 auto;padding:20px;border-radius:20px; background:var(--gt-bg);color:var(--gt-ink);font-family:var(--gt-body);font-size:15px;line-height:1.5;text-align:left; color-scheme:light;isolation:isolate; } .gt *, .gt *::before, .gt *::after{box-sizing:border-box} .gt:focus-visible{outline:2px solid var(--gt-accent);outline-offset:3px} .gt .gt-head{display:grid;gap:6px;max-width:68ch;margin:0 0 18px} .gt .gt-eyebrow{font-family:var(--gt-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--gt-mark)} .gt .gt-title{font-family:var(--gt-display);font-weight:600;font-size:clamp(28px,4.5cqi,44px);line-height:1.05;margin:0;letter-spacing:-.01em;color:var(--gt-ink)} .gt .gt-lead{margin:0;color:var(--gt-muted);font-size:15px} .gt .gt-main{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;align-items:start} @container (max-width:820px){.gt .gt-main{grid-template-columns:minmax(0,1fr)}} .gt .gt-board{position:relative;background:var(--gt-surface);border:1px solid var(--gt-line);border-radius:16px;height:clamp(420px,72vh,780px);overflow:hidden;margin:0} .gt canvas{display:block;width:100%;height:100%;max-width:none;touch-action:manipulation} .gt .gt-tip{position:absolute;pointer-events:none;background:var(--gt-ink);color:#ffffff;font-family:var(--gt-mono);font-size:12px; padding:6px 9px;border-radius:8px;white-space:nowrap;transform:translate(-50%,-100%);line-height:1.4;z-index:1} .gt .gt-tip[hidden]{display:none} .gt .gt-panel{display:grid;gap:14px;min-width:0} .gt .gt-group{display:grid;gap:12px;padding:16px;margin:0;background:var(--gt-surface);border:1px solid var(--gt-line);border-radius:16px} .gt .gt-h{margin:0;font-family:var(--gt-mono);font-weight:500;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--gt-muted)} .gt .gt-btns{display:grid;grid-template-columns:repeat(3,1fr);gap:8px} .gt .gt-btn{font-family:var(--gt-body);font-weight:500;font-size:14px;line-height:1.2;border:1px solid var(--gt-line);background:var(--gt-chip);color:var(--gt-ink); border-radius:10px;padding:9px 8px;margin:0;width:100%;cursor:pointer;box-shadow:none;text-transform:none;letter-spacing:0; transition:background .15s,border-color .15s,transform .05s} .gt .gt-btn:hover{border-color:var(--gt-accent);background:var(--gt-chip);color:var(--gt-ink)} .gt .gt-btn:active{transform:translateY(1px)} .gt .gt-btn:focus-visible,.gt input:focus-visible{outline:2px solid var(--gt-accent);outline-offset:2px} .gt .gt-btn.gt-primary,.gt .gt-btn.gt-primary:hover{grid-column:1/-1;background:var(--gt-accent);border-color:var(--gt-accent);color:#ffffff} .gt .gt-btn.gt-wide{grid-column:span 2} .gt .gt-field{display:grid;gap:4px} .gt .gt-field label{display:flex;justify-content:space-between;gap:8px;font-size:14px;margin:0;color:var(--gt-ink);font-weight:400} .gt output{font-family:var(--gt-mono);font-variant-numeric:tabular-nums;color:var(--gt-accent);font-weight:500} .gt .gt-note{color:var(--gt-muted);font-size:12px} .gt input[type=range]{width:100%;margin:0;accent-color:var(--gt-accent)} .gt .gt-check{display:flex;align-items:center;gap:8px;font-size:14px;cursor:pointer;margin:0;color:var(--gt-ink)} .gt .gt-check input{accent-color:var(--gt-accent);width:16px;height:16px;margin:0} .gt .gt-stats{display:grid;grid-template-columns:auto 1fr 1fr;gap:6px 12px;font-size:14px;align-items:baseline} .gt .gt-sh{font-family:var(--gt-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--gt-muted);text-align:right} .gt .gt-v{font-family:var(--gt-mono);font-variant-numeric:tabular-nums;text-align:right} .gt .gt-e{color:var(--gt-curve)} .gt .gt-formula{font-family:var(--gt-mono);font-size:12px;color:var(--gt-muted);border-top:1px solid var(--gt-line);padding-top:10px} .gt .gt-keys{font-size:12px;color:var(--gt-muted)} .gt kbd{font-family:var(--gt-mono);font-size:11px;border:1px solid var(--gt-line);border-bottom-width:2px;border-radius:5px;padding:0 5px;background:var(--gt-chip);color:var(--gt-ink)} @container (max-width:420px){.gt{padding:14px}} @media (prefers-reduced-motion: reduce){.gt .gt-btn{transition:none}} Olasılık deneyi · Binom dağılımı Galton Tahtası Her top her çivide belirli bir olasılıkla sağa ya da sola sapar. Yeterince top düştüğünde kutular binom dağılımını, sıra sayısı arttıkça da çan eğrisini çizer. Top bırak Akışı başlat +1 +10 +100 Anında +1000 Sıfırla Tahtaya tıklayıp Boşluk akış · R sıfırla Ayarlar Çivi sırası (n) 12 Sağa sapma olasılığı (p) 0,50 n veya p değişince kutular sıfırlanır. Akış hızı 20 top/sn Düşüş hızı 1,0× Beklenen dağılımı göster Çivi sesi İstatistik GözlenenBeklenen Top sayısı0— Ortalama μ—— Std. sapma σ—— En dolu kutu—— X ~ B(n, p) · μ = np · σ = √(np(1−p))

İlginizi Çekebilir

Learning.Apps

Kavram Yanılgısının Nedenleri

4. Sınıf 3. Tema: İşlemlerden Cebirsel Düşünmeye

6. Sınıf 1.Tema: Sayılar ve Nicelikler (2) Konu Anlatımı

Bir yanıt yazın