72 lines
4.4 KiB
XML
72 lines
4.4 KiB
XML
<svg width="700" height="260" xmlns="http://www.w3.org/2000/svg">
|
||
<defs>
|
||
<marker id="clt-arr" markerWidth="8" markerHeight="6" refX="8" refY="3" orient="auto">
|
||
<path d="M0,0 L8,3 L0,6" fill="#333"/>
|
||
</marker>
|
||
</defs>
|
||
|
||
<!-- Stage 1: Non-normal population -->
|
||
<text x="100" y="22" fill="#333" font-size="12" font-weight="bold" text-anchor="middle">Population (any shape)</text>
|
||
<line x1="20" y1="180" x2="180" y2="180" stroke="#333" stroke-width="1.5"/>
|
||
<line x1="20" y1="180" x2="20" y2="40" stroke="#333" stroke-width="1.5"/>
|
||
|
||
<!-- Skewed distribution bars -->
|
||
<rect x="30" y="60" width="18" height="120" fill="#e74c3c" opacity="0.6" rx="1"/>
|
||
<rect x="52" y="90" width="18" height="90" fill="#e74c3c" opacity="0.6" rx="1"/>
|
||
<rect x="74" y="120" width="18" height="60" fill="#e74c3c" opacity="0.6" rx="1"/>
|
||
<rect x="96" y="135" width="18" height="45" fill="#e74c3c" opacity="0.6" rx="1"/>
|
||
<rect x="118" y="150" width="18" height="30" fill="#e74c3c" opacity="0.6" rx="1"/>
|
||
<rect x="140" y="160" width="18" height="20" fill="#e74c3c" opacity="0.6" rx="1"/>
|
||
<rect x="162" y="168" width="14" height="12" fill="#e74c3c" opacity="0.6" rx="1"/>
|
||
|
||
<!-- Arrow 1 -->
|
||
<line x1="195" y1="110" x2="245" y2="110" stroke="#333" stroke-width="2" marker-end="url(#clt-arr)"/>
|
||
<text x="220" y="100" fill="#666" font-size="10" text-anchor="middle">take many</text>
|
||
<text x="220" y="130" fill="#666" font-size="10" text-anchor="middle">samples</text>
|
||
|
||
<!-- Stage 2: Many samples -->
|
||
<text x="350" y="22" fill="#333" font-size="12" font-weight="bold" text-anchor="middle">Sample means (n=30 each)</text>
|
||
|
||
<!-- Mini sample distributions -->
|
||
<rect x="268" y="45" width="60" height="35" rx="4" fill="#3498db" opacity="0.15" stroke="#3498db" stroke-width="1"/>
|
||
<text x="298" y="67" fill="#3498db" font-size="10" text-anchor="middle">x̄₁ = 4.2</text>
|
||
|
||
<rect x="338" y="45" width="60" height="35" rx="4" fill="#3498db" opacity="0.15" stroke="#3498db" stroke-width="1"/>
|
||
<text x="368" y="67" fill="#3498db" font-size="10" text-anchor="middle">x̄₂ = 3.8</text>
|
||
|
||
<rect x="408" y="45" width="60" height="35" rx="4" fill="#3498db" opacity="0.15" stroke="#3498db" stroke-width="1"/>
|
||
<text x="438" y="67" fill="#3498db" font-size="10" text-anchor="middle">x̄₃ = 4.1</text>
|
||
|
||
<rect x="268" y="90" width="60" height="35" rx="4" fill="#3498db" opacity="0.15" stroke="#3498db" stroke-width="1"/>
|
||
<text x="298" y="112" fill="#3498db" font-size="10" text-anchor="middle">x̄₄ = 3.9</text>
|
||
|
||
<rect x="338" y="90" width="60" height="35" rx="4" fill="#3498db" opacity="0.15" stroke="#3498db" stroke-width="1"/>
|
||
<text x="368" y="112" fill="#3498db" font-size="10" text-anchor="middle">x̄₅ = 4.3</text>
|
||
|
||
<rect x="408" y="90" width="60" height="35" rx="4" fill="#3498db" opacity="0.15" stroke="#3498db" stroke-width="1"/>
|
||
<text x="438" y="112" fill="#3498db" font-size="10" text-anchor="middle">x̄₆ = 4.0</text>
|
||
|
||
<text x="350" y="150" fill="#3498db" font-size="12" text-anchor="middle">... hundreds more ...</text>
|
||
|
||
<!-- Arrow 2 -->
|
||
<line x1="475" y1="110" x2="525" y2="110" stroke="#333" stroke-width="2" marker-end="url(#clt-arr)"/>
|
||
<text x="500" y="100" fill="#666" font-size="10" text-anchor="middle">plot the</text>
|
||
<text x="500" y="130" fill="#666" font-size="10" text-anchor="middle">means</text>
|
||
|
||
<!-- Stage 3: Normal distribution of sample means -->
|
||
<text x="610" y="22" fill="#333" font-size="12" font-weight="bold" text-anchor="middle">Distribution of x̄</text>
|
||
<line x1="540" y1="180" x2="680" y2="180" stroke="#333" stroke-width="1.5"/>
|
||
<line x1="540" y1="180" x2="540" y2="40" stroke="#333" stroke-width="1.5"/>
|
||
|
||
<!-- Bell curve -->
|
||
<path d="M 545,178 C 555,176 570,165 585,140 C 595,120 603,80 610,65 C 617,80 625,120 635,140 C 650,165 665,176 675,178" fill="#27ae60" opacity="0.2" stroke="#27ae60" stroke-width="2.5"/>
|
||
|
||
<!-- Mean line -->
|
||
<line x1="610" y1="60" x2="610" y2="180" stroke="#27ae60" stroke-width="1.5" stroke-dasharray="4,3"/>
|
||
<text x="610" y="195" fill="#27ae60" font-size="10" text-anchor="middle">μ</text>
|
||
|
||
<!-- Key insight -->
|
||
<rect x="250" y="200" width="420" height="45" rx="6" fill="#27ae60" opacity="0.08" stroke="#27ae60" stroke-width="1"/>
|
||
<text x="460" y="218" fill="#27ae60" font-size="11" font-weight="bold" text-anchor="middle">CLT: regardless of population shape, sample means → Normal</text>
|
||
<text x="460" y="236" fill="#27ae60" font-size="11" text-anchor="middle">with mean μ and standard deviation σ/√n</text>
|
||
</svg> |
