my 9 year old asked why we have summer and winter. can you draw it so she gets it?
<!-- Earth, centered at 0,0, tilted axis -->
<g id="globe">
<circle r="38" fill="#2f8fd6" stroke="#174f7c" stroke-width="2.5"/>
<path d="M -24 -6 Q -28 -22 -12 -24 Q 0 -26 2 -16 Q 4 -8 -6 -8 Q -18 -8 -24 -6 Z" fill="#58b368" stroke="#2f7d46" stroke-width="1"/>
<path d="M 8 10 Q 6 22 18 24 Q 30 24 30 14 Q 30 4 20 6 Q 10 8 8 10 Z" fill="#58b368" stroke="#2f7d46" stroke-width="1"/>
<path d="M -14 16 Q -20 22 -14 28 Q -8 32 -4 26 Q 0 20 -6 17 Z" fill="#58b368" stroke="#2f7d46" stroke-width="1"/>
<line x1="-34.85" y1="-15.15" x2="34.85" y2="15.15" stroke="#ffffff" stroke-width="1.5" stroke-dasharray="5 4" opacity="0.7"/>
<line x1="-21.9" y1="50.4" x2="21.9" y2="-50.4" stroke="#cfd8e3" stroke-width="3.5" stroke-linecap="round"/>
<circle cx="21.9" cy="-50.4" r="3" fill="#cfd8e3"/>
<circle cx="-21.9" cy="50.4" r="3" fill="#cfd8e3"/>
<text x="28" y="-46" font-size="14" font-weight="bold" fill="#ffffff">N</text>
<text x="-28" y="52" font-size="14" font-weight="bold" fill="#ffffff" text-anchor="end">S</text>
</g>
</defs> <!-- background -->
<rect width="960" height="770" fill="url(#space)"/>
<g fill="#ffffff">
<circle cx="60" cy="90" r="1.6" opacity="0.8"/><circle cx="150" cy="190" r="1.2" opacity="0.6"/>
<circle cx="230" cy="70" r="1.8" opacity="0.9"/><circle cx="330" cy="130" r="1.1" opacity="0.5"/>
<circle cx="430" cy="95" r="1.5" opacity="0.7"/><circle cx="520" cy="60" r="1.1" opacity="0.6"/>
<circle cx="610" cy="100" r="1.6" opacity="0.8"/><circle cx="700" cy="70" r="1.2" opacity="0.6"/>
<circle cx="790" cy="130" r="1.7" opacity="0.8"/><circle cx="880" cy="90" r="1.2" opacity="0.6"/>
<circle cx="930" cy="200" r="1.4" opacity="0.7"/><circle cx="70" cy="320" r="1.3" opacity="0.6"/>
<circle cx="100" cy="500" r="1.6" opacity="0.8"/><circle cx="55" cy="640" r="1.2" opacity="0.5"/>
<circle cx="170" cy="710" r="1.5" opacity="0.7"/><circle cx="330" cy="745" r="1.1" opacity="0.5"/>
<circle cx="470" cy="735" r="1.3" opacity="0.6"/><circle cx="620" cy="745" r="1.1" opacity="0.5"/>
<circle cx="760" cy="715" r="1.5" opacity="0.7"/><circle cx="880" cy="680" r="1.2" opacity="0.6"/>
<circle cx="925" cy="560" r="1.6" opacity="0.8"/><circle cx="935" cy="430" r="1.2" opacity="0.6"/>
<circle cx="905" cy="300" r="1.4" opacity="0.7"/><circle cx="840" cy="190" r="1.2" opacity="0.6"/>
<circle cx="560" cy="45" r="1" opacity="0.5"/><circle cx="390" cy="55" r="1.3" opacity="0.6"/>
<circle cx="270" cy="160" r="1" opacity="0.5"/><circle cx="120" cy="250" r="1.4" opacity="0.7"/>
<circle cx="210" cy="640" r="1.2" opacity="0.5"/><circle cx="860" cy="745" r="1.3" opacity="0.6"/>
<path d="M0 -8 L2.2 -2.2 L8 0 L2.2 2.2 L0 8 L-2.2 2.2 L-8 0 L-2.2 -2.2 Z" transform="translate(835,75)" opacity="0.8"/>
<path d="M0 -8 L2.2 -2.2 L8 0 L2.2 2.2 L0 8 L-2.2 2.2 L-8 0 L-2.2 -2.2 Z" transform="translate(95,565)" opacity="0.8"/>
</g> <!-- orbit -->
<ellipse cx="480" cy="385" rx="330" ry="245" fill="none" stroke="#7f9cc4" stroke-width="2.5" stroke-dasharray="7 7" opacity="0.75"/>
<g fill="#8fb4dd" opacity="0.9">
<polygon points="-9,-5.5 9,0 -9,5.5" transform="translate(247,558) rotate(36.6)"/>
<polygon points="-9,-5.5 9,0 -9,5.5" transform="translate(713,558) rotate(-36.6)"/>
<polygon points="-9,-5.5 9,0 -9,5.5" transform="translate(713,212) rotate(-143.4)"/>
<polygon points="-9,-5.5 9,0 -9,5.5" transform="translate(247,212) rotate(143.4)"/>
</g> <!-- sun -->
<circle cx="480" cy="385" r="110" fill="url(#glow)"/>
<circle cx="480" cy="385" r="62" fill="#FFD23F" stroke="#F5A623" stroke-width="4"/>
<circle cx="464" cy="372" r="5.5" fill="#8a5a00"/>
<circle cx="496" cy="372" r="5.5" fill="#8a5a00"/>
<path d="M 459 396 Q 480 413 501 396" fill="none" stroke="#8a5a00" stroke-width="4.5" stroke-linecap="round"/>
<circle cx="449" cy="391" r="6.5" fill="#ff9d2e" opacity="0.5"/>
<circle cx="511" cy="391" r="6.5" fill="#ff9d2e" opacity="0.5"/>
<text x="480" y="516" text-anchor="middle" font-size="14" font-weight="bold" fill="#ffd76a">the Sun</text> <!-- sunlight arrows -->
<g stroke="#ffd76a" stroke-width="3.5" opacity="0.95">
<line x1="380" y1="371" x2="205" y2="371" marker-end="url(#arrowA)"/>
<line x1="380" y1="385" x2="205" y2="385" marker-end="url(#arrowA)"/>
<line x1="380" y1="399" x2="205" y2="399" marker-end="url(#arrowA)"/>
<line x1="580" y1="371" x2="758" y2="371" marker-end="url(#arrowA)"/>
<line x1="580" y1="385" x2="758" y2="385" marker-end="url(#arrowA)"/>
<line x1="580" y1="399" x2="758" y2="399" marker-end="url(#arrowA)"/>
</g> <!-- SUMMER earth (left) -->
<g transform="translate(150,385)">
<use xlink:href="#globe" href="#globe"/>
<path d="M -34.85 -15.15 A 38 38 0 0 1 34.85 15.15 Z" fill="#ff9d2e" opacity="0.5"/>
<path d="M -34.85 -15.15 A 38 38 0 0 0 34.85 15.15 Z" fill="#59a7ff" opacity="0.35"/>
<path d="M 0 -38 A 38 38 0 0 0 0 38 Z" fill="#06152e" opacity="0.28"/>
<line x1="0" y1="-58" x2="0" y2="-15" stroke="#bcd2ee" stroke-width="1.5" stroke-dasharray="4 4" opacity="0.9"/>
<path d="M 0 -42 A 42 42 0 0 1 16.75 -38.52" fill="none" stroke="#ffd76a" stroke-width="2"/>
<text x="8" y="-40" font-size="12" font-weight="bold" fill="#ffd76a" text-anchor="middle">23.5°</text>
</g> <!-- WINTER earth (right) -->
<g transform="translate(810,385)">
<use xlink:href="#globe" href="#globe"/>
<path d="M -34.85 -15.15 A 38 38 0 0 1 34.85 15.15 Z" fill="#59a7ff" opacity="0.5"/>
<path d="M -34.85 -15.15 A 38 38 0 0 0 34.85 15.15 Z" fill="#ff9d2e" opacity="0.35"/>
<path d="M 0 -38 A 38 38 0 0 1 0 38 Z" fill="#06152e" opacity="0.28"/>
</g> <!-- SPRING earth (top) -->
<g transform="translate(480,140)">
<use xlink:href="#globe" href="#globe"/>
<path d="M -38 0 A 38 38 0 0 1 38 0 Z" fill="#06152e" opacity="0.28"/>
</g> <!-- FALL earth (bottom) -->
<g transform="translate(480,630)">
<use xlink:href="#globe" href="#globe"/>
<path d="M -38 0 A 38 38 0 0 0 38 0 Z" fill="#06152e" opacity="0.28"/>
</g> <!-- season labels -->
<text x="150" y="290" text-anchor="middle" font-size="19" font-weight="bold" fill="#ffb347">SUMMER — June</text> <text x="150" y="310" text-anchor="middle" font-size="13" fill="#dce8f8">North Pole leans toward the Sun!</text> <text x="810" y="290" text-anchor="middle" font-size="19" font-weight="bold" fill="#7cc4ff">WINTER — December</text> <text x="810" y="310" text-anchor="middle" font-size="13" fill="#dce8f8">North Pole leans away from the Sun!</text> <text x="432" y="118" text-anchor="end" font-size="19" font-weight="bold" fill="#a5d6a7">SPRING — March</text> <text x="432" y="136" text-anchor="end" font-size="13" fill="#dce8f8">neither pole leans toward the Sun</text> <text x="432" y="620" text-anchor="end" font-size="19" font-weight="bold" fill="#e0a45c">FALL — September</text> <text x="432" y="642" text-anchor="end" font-size="13" fill="#dce8f8">neither pole leans toward the Sun</text>
<text x="720" y="662" text-anchor="middle" font-size="13" font-style="italic" fill="#9fb3c8">Earth's orbit — one full trip = one year</text>
<!-- title & captions --><text x="480" y="42" text-anchor="middle" font-size="30" font-weight="bold" fill="#ffffff">Why do we have summer and winter?</text> <text x="480" y="66" text-anchor="middle" font-size="16" fill="#bcd2ee">Because Earth is tilted 23.5° — and its tilt always points the same way as Earth orbits the Sun!</text> <text x="480" y="706" text-anchor="middle" font-size="15" fill="#e8f0ff">N = North Pole, S = South Pole. The tilted axis always points the same way all year long!</text> <text x="480" y="728" text-anchor="middle" font-size="15" fill="#e8f0ff">Lean toward the Sun → summer (direct light, long days). Lean away → winter (slanted light, short days).</text> <text x="480" y="748" text-anchor="middle" font-size="12.5" font-style="italic" fill="#8fa8c9">The Southern Hemisphere gets the opposite season — and sizes & distances are not to scale!</text> </svg> </artifact>
Here's a diagram you can open and show her. A simple way to walk her through it:
- Earth is like a spinning top that leans a little (23.5°) — and it keeps leaning the same direction the whole trip around the Sun.
- Point to the left Earth: "See how the North Pole leans toward the Sun? That's our summer — sunlight hits us more directly, like a flashlight pointed right at you."
- Point to the right Earth: "Six months later, we're on the other side and the North Pole leans away. The light hits at a slant, like a flashlight from the side — that's winter."
- Bonus: the orange/blue halves show that summer and winter are opposites — when it's summer up north, it's summer down under too... just flipped!
The flashlight analogy usually clicks really well at this age — if you have one handy, shine it straight down on the table vs. at a slant so she can see the light spread out.
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
- nex-agi/nex-n2.6
- Route
- OpenRouter API, one user message
- Served by
- Nex AGI
- Effort
- high, OpenRouter's default for this model
- Limits
- 60 min · 235,929 output tokens (the model's limit)
- Date
- 10 Nov 2026
- Time
- 5 min 25 s
- Words
- 1,158
- Tokens
- 34 in, 33,300 out (29,300 of them thinking)
- List price
- $0.013 at today's price ($0.12 in / $0.40 out per M)
- Paid
- $0.013
Exact prompt
my 9 year old asked why we have summer and winter. can you draw it so she gets it?