my 9 year old asked why we have summer and winter. can you draw it so she gets it?
Here's a fun visual for her:
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 700" font-family="Comic Sans MS, Chalkboard, cursive">
<!-- Sky background -->
<rect width="800" height="700" fill="#1a1a4e"/>
<!-- Title -->
<text x="400" y="45" text-anchor="middle" fill="white" font-size="26" font-weight="bold">🌍 Why Do We Have Seasons? 🌍</text>
<text x="400" y="75" text-anchor="middle" fill="#aaa" font-size="16">Because Earth is TILTED while it goes around the Sun!</text>
<!-- === ORBIT PATH (ellipse) === -->
<ellipse cx="400" cy="400" rx="310" ry="170" fill="none" stroke="#555" stroke-width="2" stroke-dasharray="8,6"/>
<!-- === SUN IN CENTER === -->
<circle cx="400" cy="400" r="60" fill="#FFD700"/>
<circle cx="400" cy="400" r="60" fill="none" stroke="#FFA500" stroke-width="3"/>
<!-- Sun glow -->
<circle cx="400" cy="400" r="75" fill="none" stroke="#FFD700" stroke-width="1" opacity="0.3"/>
<circle cx="400" cy="400" r="90" fill="none" stroke="#FFD700" stroke-width="1" opacity="0.15"/>
<circle cx="400" cy="400" r="110" fill="none" stroke="#FFD700" stroke-width="1" opacity="0.07"/>
<!-- Sun face -->
<circle cx="385" cy="390" r="6" fill="#E65100"/>
<circle cx="415" cy="390" r="6" fill="#E65100"/>
<path d="M 382 410 Q 400 428 418 410" fill="none" stroke="#E65100" stroke-width="3" stroke-linecap="round"/>
<!-- Sun rays -->
<line x1="400" y1="330" x2="400" y2="315" stroke="#FFD700" stroke-width="3" stroke-linecap="round"/>
<line x1="400" y1="470" x2="400" y2="485" stroke="#FFD700" stroke-width="3" stroke-linecap="round"/>
<line x1="340" y1="400" x2="325" y2="400" stroke="#FFD700" stroke-width="3" stroke-linecap="round"/>
<line x1="460" y1="400" x2="475" y2="400" stroke="#FFD700" stroke-width="3" stroke-linecap="round"/>
<line x1="357" y1="357" x2="347" y2="347" stroke="#FFD700" stroke-width="3" stroke-linecap="round"/>
<line x1="443" y1="357" x2="453" y2="347" stroke="#FFD700" stroke-width="3" stroke-linecap="round"/>
<line x1="357" y1="443" x2="347" y2="453" stroke="#FFD700" stroke-width="3" stroke-linecap="round"/>
<line x1="443" y1="443" x2="453" y2="453" stroke="#FFD700" stroke-width="3" stroke-linecap="round"/>
<text x="400" y="450" text-anchor="middle" fill="#E65100" font-size="13" font-weight="bold">☀️ SUN</text>
<!-- === ORBIT DIRECTION ARROWS === -->
<path d="M 680 400 Q 700 380 690 360" fill="none" stroke="#888" stroke-width="2" marker-end="url(#arrowhead)"/>
<path d="M 120 400 Q 100 420 110 440" fill="none" stroke="#888" stroke-width="2" marker-end="url(#arrowhead)"/>
<text x="695" y="350" text-anchor="middle" fill="#888" font-size="11">🌍→</text>
<!-- ============================== -->
<!-- EARTH #1: SUMMER (left side) -->
<!-- Axis tilted TOWARD sun -->
<!-- ============================== -->
<!-- Light rays hitting Earth (left) - concentrated -->
<line x1="470" y1="395" x2="360" y2="395" stroke="#FFD700" stroke-width="2.5" opacity="0.7"/>
<line x1="475" y1="415" x2="355" y2="415" stroke="#FFD700" stroke-width="2.5" opacity="0.7"/>
<line x1="475" y1="375" x2="355" y2="375" stroke="#FFD700" stroke-width="2.5" opacity="0.7"/>
<!-- Earth body (left) -->
<g transform="translate(310, 400)">
<!-- Ocean -->
<circle r="40" fill="#2196F3"/>
<!-- Continents (simplified) -->
<ellipse cx="-8" cy="-12" rx="18" ry="14" fill="#4CAF50"/>
<ellipse cx="12" cy="8" rx="15" ry="18" fill="#4CAF50"/>
<ellipse cx="-5" cy="20" rx="10" ry="8" fill="#4CAF50"/>
<!-- Ice cap top (tilted toward sun - gets lots of light) -->
<!-- The tilt: axis goes from upper-right to lower-left -->
<!-- Tilted TOWARD the sun means north pole leans toward sun -->
<!-- Northern hemisphere in sunlight = SUMMER -->
<g transform="rotate(23.5)">
<!-- Axis line -->
<line x1="0" y1="-55" x2="0" y2="55" stroke="white" stroke-width="2" stroke-dasharray="4,3"/>
<!-- N Pole marker -->
<circle cx="0" cy="-48" r="5" fill="#fff" stroke="#333" stroke-width="1"/>
<text x="0" y="-52" text-anchor="middle" fill="#333" font-size="7" font-weight="bold">N</text>
<circle cx="0" cy="48" r="5" fill="#fff" stroke="#333" stroke-width="1"/>
<text x="0" y="53" text-anchor="middle" fill="#333" font-size="7" font-weight="bold">S</text>
</g>
<!-- Atmosphere glow -->
<circle r="40" fill="none" stroke="#87CEEB" stroke-width="3" opacity="0.4"/>
</g>
<!-- Summer light cone (direct, tight) -->
<polygon points="400,400 345,360 345,440" fill="#FFD700" opacity="0.12"/>
<!-- Label for summer -->
<rect x="230" y="465" width="170" height="65" rx="12" fill="#FF6B00" opacity="0.9"/>
<text x="315" y="490" text-anchor="middle" fill="white" font-size="18" font-weight="bold">☀️ SUMMER</text>
<text x="315" y="512" text-anchor="middle" fill="white" font-size="12">Our end tilts TOWARD ☀️</text>
<text x="315" y="527" text-anchor="middle" fill="#FFE0B2" font-size="11">→ Direct, strong sunlight!</text>
<!-- =============================== -->
<!-- EARTH #2: WINTER (right side) -->
<!-- Axis tilted AWAY from sun -->
<!-- =============================== -->
<!-- Light rays hitting Earth (right) - spread out -->
<line x1="330" y1="395" x2="470" y2="395" stroke="#FFD700" stroke-width="1.5" opacity="0.4"/>
<line x1="330" y1="415" x2="470" y2="430" stroke="#FFD700" stroke-width="1.5" opacity="0.4"/>
<line x1="330" y1="375" x2="470" y2="365" stroke="#FFD700" stroke-width="1.5" opacity="0.4"/>
<!-- Earth body (right) -->
<g transform="translate(530, 400)">
<!-- Ocean -->
<circle r="40" fill="#2196F3"/>
<!-- Continents -->
<ellipse cx="-8" cy="-12" rx="18" ry="14" fill="#4CAF50"/>
<ellipse cx="12" cy="8" rx="15" ry="18" fill="#4CAF50"/>
<ellipse cx="-5" cy="20" rx="10" ry="8" fill="#4CAF50"/>
<!-- Axis (still tilted same direction in space - away from sun on this side) -->
<g transform="rotate(23.5)">
<line x1="0" y1="-55" x2="0" y2="55" stroke="white" stroke-width="2" stroke-dasharray="4,3"/>
<circle cx="0" cy="-48" r="5" fill="#fff" stroke="#333" stroke-width="1"/>
<text x="0" y="-52" text-anchor="middle" fill="#333" font-size="7" font-weight="bold">N</text>
<circle cx="0" cy="48" r="5" fill="#fff" stroke="#333" stroke-width="1"/>
<text x="0" y="53" text-anchor="middle" fill="#333" font-size="7" font-weight="bold">S</text>
</g>
<!-- Atmosphere -->
<circle r="40" fill="none" stroke="#87CEEB" stroke-width="3" opacity="0.4"/>
<!-- Snow on northern part to show it's cold -->
<circle cx="0" cy="-30" r="12" fill="white" opacity="0.5"/>
</g>
<!-- Winter light cone (spread, weak) -->
<polygon points="400,400 485,355 485,445" fill="#FFD700" opacity="0.07"/>
<!-- Label for winter -->
<rect x="450" y="465" width="170" height="65" rx="12" fill="#42A5F5" opacity="0.9"/>
<text x="535" y="490" text-anchor="middle" fill="white" font-size="18" font-weight="bold">❄️ WINTER</text>
<text x="535" y="512" text-anchor="middle" fill="white" font-size="12">Our end tilts AWAY from ☀️</text>
<text x="535" y="527" text-anchor="middle" fill="#BBDEFB" font-size="11">→ Weak, spread-out sunlight!</text>
<!-- ==================================== -->
<!-- AXIS TILT DIAGRAM (key insight) -->
<!-- ==================================== -->
<rect x="130" y="555" width="540" height="115" rx="15" fill="#2d2d6b" stroke="#FFD700" stroke-width="2" opacity="0.9"/>
<text x="400" y="582" text-anchor="middle" fill="#FFD700" font-size="16" font-weight="bold">🔑 The Big Secret: Earth's Tilt!</text>
<!-- Mini diagram: tilt explanation -->
<g transform="translate(250, 635)">
<!-- Upright Earth (no tilt - no seasons) -->
<circle r="22" fill="#2196F3" stroke="#87CEEB" stroke-width="1.5"/>
<line x1="0" y1="-30" x2="0" y2="30" stroke="white" stroke-width="2"/>
<text x="0" y="45" text-anchor="middle" fill="#ccc" font-size="11">No tilt = no seasons</text>
<line x1="0" y1="-32" x2="0" y2="-42" stroke="red" stroke-width="3"/>
<line x1="-5" y1="-42" x2="5" y2="-42" stroke="red" stroke-width="3"/>
</g>
<text x="340" y="635" text-anchor="middle" fill="white" font-size="22">→</text>
<g transform="translate(430, 635)">
<!-- Tilted Earth (23.5° - causes seasons) -->
<circle r="22" fill="#2196F3" stroke="#87CEEB" stroke-width="1.5"/>
<g transform="rotate(23.5)">
<line x1="0" y1="-30" x2="0" y2="30" stroke="white" stroke-width="2"/>
</g>
<text x="0" y="45" text-anchor="middle" fill="#ccc" font-size="11">23.5° tilt = SEASONS! 🎉</text>
<!-- Show angle -->
<line x1="0" y1="-42" x2="18" y2="-42" stroke="red" stroke-width="2" stroke-dasharray="3,2"/>
<line x1="0" y1="-30" x2="0" y2="-42" stroke="#FFD700" stroke-width="2" stroke-dasharray="3,2"/>
<g transform="rotate(23.5)">
<line x1="0" y1="-30" x2="0" y2="-42" stroke="#FFD700" stroke-width="2"/>
</g>
<text x="12" y="-45" fill="#FFD700" font-size="12" font-weight="bold">23.5°</text>
</g>
<text x="650" y="635" text-anchor="middle" fill="white" font-size="22">→</text>
<!-- Flashlight analogy box -->
<rect x="530" y="600" width="130" height="60" rx="8" fill="#FFD700" opacity="0.15" stroke="#FFD700" stroke-width="1" stroke-dasharray="4,3"/>
<text x="595" y="618" text-anchor="middle" fill="#FFD700" font-size="11">💡 Think of it like</text>
<text x="595" y="634" text-anchor="middle" fill="white" font-size="11">holding a flashlight</text>
<text x="595" y="650" text-anchor="middle" fill="white" font-size="11">straight vs. at an angle!</text>
<!-- Orbit direction arrows definition -->
<defs>
<marker id="arrowhead" markerWidth="8" markerHeight="6" refX="8" refY="3" orient="auto">
<polygon points="0 0, 8 3, 0 6" fill="#888"/>
</marker>
</defs>
<!-- 6 month labels on orbit -->
<text x="400" y="210" text-anchor="middle" fill="#666" font-size="11">6 months later</text>
<path d="M 470 350 Q 490 340 490 325" fill="none" stroke="#888" stroke-width="1.5" marker-end="url(#arrowhead)" opacity="0.5"/>
<path d="M 330 350 Q 310 340 310 325" fill="none" stroke="#888" stroke-width="1.5" marker-end="url(#arrowhead)" opacity="0.5"/>
<!-- Subtitle at very top about axis -->
<text x="400" y="690" text-anchor="middle" fill="#888" font-size="11">Earth's axis ALWAYS points the same way in space — but where Earth is in its orbit changes everything!</text>
</svg>
What to tell your daughter:
Earth is tilted — it's always leaning at 23.5°, just like you leaning your head to one side. The tilt always points the same direction in space.
As Earth orbits the Sun:
- Summer → Our side of Earth tilts toward the Sun → sunlight hits more directly (like a flashlight held straight-on) → warm!
- Winter → Our side tilts away → sunlight hits at a slippy angle (like a flashlight at an angle) → cool!
The flashlight analogy 🤯 — Hold a flashlight straight-on to a wall (bright, tight circle = summer) vs. at an angle (dim, spread out = winter). Same light, different angle!
That's it — no magic, just a tilt + a trip around the Sun! 🌍☀️
The catch: The Earth is closest to the sun in early January, in the northern winter: the seasons come from its tilt.
Run details
- Model
- xiaomi/mimo-v2.6-flash
- Route
- OpenRouter API, one user message
- Served by
- Relace
- Effort
- the model's default
- Limits
- 60 min · 131,072 output tokens (the model's limit)
- Date
- 24 Oct 2026
- Time
- 23 s
- Words
- 1,180
- Tokens
- 29 in, 4,556 out (190 of them thinking)
- List price
- $0.001 at today's price ($0.14 in / $0.28 out per M)
- Paid
- $0.001
Exact prompt
my 9 year old asked why we have summer and winter. can you draw it so she gets it?