my 9 year old asked why we have summer and winter. can you draw it so she gets it?
Here's a drawing you can pull up on screen or print out for her:
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 680" width="900" height="680">
<style>
text { font-family: 'Trebuchet MS','Comic Sans MS','Chalkboard SE',sans-serif; }
</style>
<defs>
<radialGradient id="sunG" cx="0.4" cy="0.35" r="0.95">
<stop offset="0" stop-color="#fff7cc"/>
<stop offset="0.55" stop-color="#ffd23f"/>
<stop offset="1" stop-color="#ff9e00"/>
</radialGradient>
<radialGradient id="earthG" cx="0.35" cy="0.3" r="1">
<stop offset="0" stop-color="#4a90d9"/>
<stop offset="1" stop-color="#1f4e79"/>
</radialGradient>
<marker id="arrY" viewBox="0 0 10 10" refX="8" refY="5" markerWidth="7" markerHeight="7" orient="auto">
<path d="M0 0 L10 5 L0 10 z" fill="#ffd166"/>
</marker>
<marker id="arrG" viewBox="0 0 10 10" refX="8" refY="5" markerWidth="7" markerHeight="7" orient="auto">
<path d="M0 0 L10 5 L0 10 z" fill="#9fb3d9"/>
</marker>
</defs>
<!-- space background -->
<rect width="900" height="680" fill="#0f1b33"/>
<g fill="#ffffff">
<circle cx="60" cy="120" r="1.6" opacity="0.7"/><circle cx="120" cy="60" r="1.2" opacity="0.5"/>
<circle cx="210" cy="140" r="1.4" opacity="0.6"/><circle cx="300" cy="80" r="1.8" opacity="0.8"/>
<circle cx="380" cy="150" r="1.1" opacity="0.4"/><circle cx="520" cy="90" r="1.5" opacity="0.6"/>
<circle cx="610" cy="60" r="1.2" opacity="0.5"/><circle cx="700" cy="120" r="1.7" opacity="0.7"/>
<circle cx="790" cy="80" r="1.3" opacity="0.5"/><circle cx="850" cy="150" r="1.6" opacity="0.7"/>
<circle cx="80" cy="300" r="1.3" opacity="0.5"/><circle cx="40" cy="420" r="1.6" opacity="0.6"/>
<circle cx="860" cy="300" r="1.4" opacity="0.5"/><circle cx="870" cy="430" r="1.7" opacity="0.7"/>
<circle cx="150" cy="470" r="1.2" opacity="0.4"/><circle cx="360" cy="470" r="1.4" opacity="0.5"/>
<circle cx="560" cy="470" r="1.2" opacity="0.4"/><circle cx="760" cy="470" r="1.5" opacity="0.6"/>
<circle cx="50" cy="200" r="1.1" opacity="0.4"/><circle cx="880" cy="220" r="1.2" opacity="0.5"/>
<circle cx="250" cy="30" r="1.3" opacity="0.5"/><circle cx="650" cy="30" r="1.2" opacity="0.4"/>
<circle cx="330" cy="240" r="1.0" opacity="0.3"/><circle cx="590" cy="240" r="1.0" opacity="0.3"/>
<circle cx="420" cy="420" r="1.1" opacity="0.35"/><circle cx="480" cy="420" r="1.0" opacity="0.3"/>
</g>
<!-- titles -->
<text x="450" y="42" text-anchor="middle" font-size="30" font-weight="bold" fill="#ffffff" letter-spacing="1">Why Do We Have Seasons? π</text>
<text x="450" y="70" text-anchor="middle" font-size="15" fill="#ffd166">Spoiler: it's not distance β it's the TILT!</text>
<!-- orbit path -->
<circle cx="450" cy="300" r="195" fill="none" stroke="#546a96" stroke-width="1.5" stroke-dasharray="6 6"/>
<path d="M 618.9 202.5 A 195 195 0 0 0 547.5 131.2" fill="none" stroke="#9fb3d9" stroke-width="2.5" marker-end="url(#arrG)"/>
<text x="450" y="100" text-anchor="middle" font-size="13.5" font-style="italic" fill="#9fb3d9">Fall</text>
<text x="450" y="516" text-anchor="middle" font-size="13.5" font-style="italic" fill="#9fb3d9">Spring</text>
<!-- the Sun -->
<g stroke="#ffb703" stroke-width="4" stroke-linecap="round">
<line x1="516" y1="300" x2="532" y2="300"/><line x1="507.2" y1="333" x2="521" y2="341"/>
<line x1="483" y1="357.2" x2="491" y2="371"/><line x1="450" y1="366" x2="450" y2="382"/>
<line x1="417" y1="357.2" x2="409" y2="371"/><line x1="392.8" y1="333" x2="379" y2="341"/>
<line x1="384" y1="300" x2="368" y2="300"/><line x1="392.8" y1="267" x2="379" y2="259"/>
<line x1="417" y1="242.8" x2="409" y2="229"/><line x1="450" y1="234" x2="450" y2="218"/>
<line x1="483" y1="242.8" x2="491" y2="229"/><line x1="507.2" y1="267" x2="521" y2="259"/>
</g>
<circle cx="450" cy="300" r="55" fill="url(#sunG)"/>
<circle cx="433" cy="292" r="5" fill="#7c2d12"/>
<circle cx="467" cy="292" r="5" fill="#7c2d12"/>
<path d="M 432 312 Q 450 326 468 312" fill="none" stroke="#7c2d12" stroke-width="4" stroke-linecap="round"/>
<!-- sunlight arrows -->
<g stroke="#ffd166" stroke-width="3" marker-end="url(#arrY)">
<line x1="505" y1="270" x2="588" y2="270"/><line x1="512" y1="300" x2="588" y2="300"/><line x1="505" y1="330" x2="588" y2="330"/>
<line x1="395" y1="270" x2="312" y2="270"/><line x1="388" y1="300" x2="312" y2="300"/><line x1="395" y1="330" x2="312" y2="330"/>
</g>
<!-- WINTER Earth (left) -->
<g transform="translate(255,300)">
<circle r="45" fill="url(#earthG)"/>
<g fill="#46c07a">
<ellipse cx="-15" cy="-15" rx="14" ry="10" transform="rotate(-20)"/>
<ellipse cx="17" cy="12" rx="12" ry="9" transform="rotate(15)"/>
<ellipse cx="-5" cy="25" rx="8" ry="6"/>
</g>
<ellipse cx="-18" cy="-41" rx="9" ry="4.5" transform="rotate(-23)" fill="#e8f6ff"/>
<!-- tilt axis -->
<line x1="-30" y1="-69" x2="30" y2="69" stroke="#cbd5e1" stroke-width="2" stroke-dasharray="5 4"/>
<text x="-37" y="-62" font-size="13" font-weight="bold" fill="#ffffff">N</text>
<!-- tilt angle -->
<line x1="0" y1="-75" x2="0" y2="-44" stroke="#94a3b8" stroke-width="1.5" stroke-dasharray="2 3"/>
<path d="M 0 -38 A 38 38 0 0 0 -15.2 -34.8" fill="none" stroke="#ffd166" stroke-width="2"/>
<text x="-55" y="-50" text-anchor="middle" font-size="12.5" font-weight="bold" fill="#ffd166">23.5Β°</text>
<!-- you -->
<g stroke="#ff8fa3" stroke-width="2" stroke-linecap="round">
<circle cx="-23" cy="-25" r="3.5" fill="#ff8fa3" stroke="none"/>
<line x1="-23" y1="-21.5" x2="-23" y2="-11"/>
<line x1="-29" y1="-17" x2="-17" y2="-17"/>
<line x1="-23" y1="-11" x2="-28" y2="-4"/>
<line x1="-23" y1="-11" x2="-18" y2="-4"/>
</g>
</g>
<text x="255" y="384" text-anchor="middle" font-size="22" font-weight="bold" fill="#8ecfff" letter-spacing="3">WINTER</text>
<text x="255" y="405" text-anchor="middle" font-size="13" fill="#dbe6f7">Northern Hemisphere leans AWAY from the Sun</text>
<!-- SUMMER Earth (right) -->
<g transform="translate(645,300)">
<circle r="45" fill="url(#earthG)"/>
<g fill="#46c07a">
<ellipse cx="-15" cy="-15" rx="14" ry="10" transform="rotate(-20)"/>
<ellipse cx="17" cy="12" rx="12" ry="9" transform="rotate(15)"/>
<ellipse cx="-5" cy="25" rx="8" ry="6"/>
</g>
<ellipse cx="-18" cy="-41" rx="9" ry="4.5" transform="rotate(-23)" fill="#e8f6ff"/>
<line x1="-30" y1="-69" x2="30" y2="69" stroke="#cbd5e1" stroke-width="2" stroke-dasharray="5 4"/>
<text x="-37" y="-62" font-size="13" font-weight="bold" fill="#ffffff">N</text>
<g stroke="#ff8fa3" stroke-width="2" stroke-linecap="round">
<circle cx="-23" cy="-25" r="3.5" fill="#ff8fa3" stroke="none"/>
<line x1="-23" y1="-21.5" x2="-23" y2="-11"/>
<line x1="-29" y1="-17" x2="-17" y2="-17"/>
<line x1="-23" y1="-11" x2="-28" y2="-4"/>
<line x1="-23" y1="-11" x2="-18" y2="-4"/>
</g>
</g>
<text x="600" y="318" text-anchor="end" font-size="12" font-weight="bold" fill="#ff8fa3">you!</text>
<line x1="602" y1="315" x2="614" y2="298" stroke="#ff8fa3" stroke-width="1.5" stroke-dasharray="2 2"/>
<text x="645" y="384" text-anchor="middle" font-size="22" font-weight="bold" fill="#ffb703" letter-spacing="3">SUMMER</text>
<text x="645" y="405" text-anchor="middle" font-size="13" fill="#dbe6f7">Northern Hemisphere leans TOWARD the Sun</text>
<!-- Flashlight trick card -->
<rect x="30" y="524" width="440" height="134" rx="14" fill="#1a2a4d" stroke="#31456f"/>
<text x="250" y="549" text-anchor="middle" font-size="15.5" font-weight="bold" fill="#ffd166">π¦ The Flashlight Trick</text>
<text x="147" y="575" text-anchor="middle" font-size="12.5" font-weight="bold" fill="#ffb703">Summer light: straight on</text>
<g stroke="#ffd166" stroke-width="3" marker-end="url(#arrY)">
<line x1="115" y1="585" x2="115" y2="622"/><line x1="147" y1="585" x2="147" y2="622"/><line x1="179" y1="585" x2="179" y2="622"/>
</g>
<line x1="55" y1="634" x2="240" y2="634" stroke="#c9a06b" stroke-width="3" stroke-linecap="round"/>
<ellipse cx="147" cy="634" rx="32" ry="6" fill="#ffe98a" opacity="0.95"/>
<text x="147" y="651" text-anchor="middle" font-size="11.5" fill="#e2e8f0">small bright spot = strong heat</text>
<text x="360" y="575" text-anchor="middle" font-size="12.5" font-weight="bold" fill="#8ecfff">Winter light: at a slant</text>
<g stroke="#ffd166" stroke-width="3" marker-end="url(#arrY)">
<line x1="295" y1="585" x2="339" y2="625"/><line x1="325" y1="585" x2="369" y2="625"/><line x1="355" y1="585" x2="399" y2="625"/>
</g>
<line x1="275" y1="634" x2="445" y2="634" stroke="#c9a06b" stroke-width="3" stroke-linecap="round"/>
<ellipse cx="369" cy="634" rx="56" ry="6" fill="#ffe98a" opacity="0.3"/>
<text x="360" y="651" text-anchor="middle" font-size="11.5" fill="#e2e8f0">same light spread out = weak heat</text>
<!-- Big idea card -->
<rect x="500" y="524" width="370" height="134" rx="14" fill="#1a2a4d" stroke="#31456f"/>
<text x="685" y="549" text-anchor="middle" font-size="15.5" font-weight="bold" fill="#ffd166">π‘ The Big Idea</text>
<g font-size="13" fill="#e2e8f0">
<text x="516" y="572">1. Earth leans like a spinning top β 23.5Β°.</text>
<text x="516" y="594">2. The lean stays pointing the same way all year.</text>
<text x="516" y="616">3. Lean in β summer β Lean out β winter β</text>
<text x="516" y="638" font-weight="bold" fill="#ffd166">4. It's the TILT, not the distance!</text>
</g>
</svg>
How to walk her through it:
- Point at the two Earths: "See how Earth is leaning? It leans the same way all year, like a spinning top."
- "When our part leans toward the Sun, we get summer. When it leans away, winter."
- The one thing kids always get wrong: she'll probably think summer = closer to the Sun. The drawing shows both Earths are the same distance away β it's the lean that matters.
Bonus: grab a flashlight and a ball. Shine it straight down at the ball β small bright spot. Now tilt the ball β same light spreads out and gets dimmer. That's the whole secret of winter, and she gets to do it herself.
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
- fireworks/ember-1
- Route
- OpenRouter API, one user message
- Served by
- Fireworks
- Effort
- max, OpenRouter's default for this model
- Limits
- 60 min Β· 200,000 output tokens (our $3.00 stop per request at $15/M)
- Date
- 24 Oct 2026
- Time
- 3 min 12 s
- Words
- 1,025
- Tokens
- 110 in, 16,909 out (12,936 of them thinking)
- List price
- $0.25 at today's price ($3 in / $15 out per M)
- Paid
- $0.25
Exact prompt
my 9 year old asked why we have summer and winter. can you draw it so she gets it?