4 Unit 1: Star Life Cycles
Does the exoplanet have a star like our Sun? What is our Sun like compared to other stars?
Earth & Space Science
HS-ESS1-1 HS-ESS1-3 Time: 7 Days 🧠 Quiz & Evaluate ↓
5 Engage: What Happens to Stars Over Time?
5.1 💥 A Star Exploded — And the Whole World Noticed
In 1054 CE, a star exploded so violently that it was visible in broad daylight for 23 days. Historical records from China, Japan, the Middle East, and the Americas all describe it. Today, the remnant is the Crab Nebula.
If stars can explode, that’s bad news for any planet orbiting them. So the big question becomes:
- 🤔 What made that star explode while our Sun has been stable for 4.6 billion years?
- 🤔 How do we know which stars are stable enough to support life?
- 🤔 Does the exoplanet in our performance task orbit a stable star?
Code
buildQuiz = function(id, title, questions) {
const outer = html`<div id="${id}" style="margin:18px 0 24px 0;text-align:center;">
<button style="
display:inline-flex;align-items:center;gap:7px;
background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);
color:#fff;border:none;padding:9px 22px;border-radius:50px;
font-size:.95em;font-weight:700;cursor:pointer;
box-shadow:0 3px 12px rgba(102,126,234,.45);
transition:transform .15s,box-shadow .15s;"
onmouseover="this.style.transform='scale(1.04)';this.style.boxShadow='0 5px 18px rgba(102,126,234,.55)'"
onmouseout="this.style.transform='scale(1)';this.style.boxShadow='0 3px 12px rgba(102,126,234,.45)'"
>
<span style="font-size:1.1em;">📝</span> ${title}
<span class="chevron" style="transition:transform .3s;">▼</span>
</button>
<div class="quiz-body" style="
max-height:0;opacity:0;overflow:hidden;
transition:max-height .5s cubic-bezier(.4,0,.2,1),opacity .4s ease,margin-top .3s ease;
margin-top:0;text-align:left;">
<button class="close-btn" style="
display:block;margin:0 auto 10px auto;
background:rgba(102,126,234,.12);color:#667eea;border:none;
padding:5px 18px;border-radius:50px;font-size:.85em;
font-weight:600;cursor:pointer;">Hide Quiz</button>
<p style="text-align:center;color:#718096;font-style:italic;font-size:.9em;margin-bottom:12px;">
Select an answer for each question.</p>
</div>
</div>`;
const toggle = outer.querySelector("button");
const chevron = toggle.querySelector(".chevron");
const body = outer.querySelector(".quiz-body");
const closeBtn = body.querySelector(".close-btn");
function expand(){ body.style.maxHeight="2000px";body.style.opacity="1";body.style.marginTop="14px";chevron.style.transform="rotate(180deg)"; }
function collapse(){ body.style.maxHeight="0";body.style.opacity="0";body.style.marginTop="0";chevron.style.transform="rotate(0)"; }
toggle.onclick = () => body.style.maxHeight === "0px" || body.style.maxHeight === "" ? expand() : collapse();
closeBtn.onclick = collapse;
questions.forEach((qq, qi) => {
const card = document.createElement("div");
card.style.cssText = "background:#fff;border-radius:12px;padding:16px 20px;margin-bottom:14px;box-shadow:0 2px 8px rgba(0,0,0,.08);";
card.innerHTML = `<p style="font-weight:700;margin:0 0 10px;">${qi+1}. ${qq.q}</p>`;
qq.options.forEach((opt, oi) => {
const btn = document.createElement("button");
btn.textContent = opt;
btn.style.cssText = "display:block;width:100%;text-align:left;padding:10px 14px;margin:6px 0;border:2px solid #e2e8f0;border-radius:8px;background:#fff;cursor:pointer;font-size:.95em;transition:border-color .2s,background .2s;";
btn.onmouseover = () => { if(!card.dataset.answered){ btn.style.borderColor="#667eea";btn.style.background="#f0f0ff"; }};
btn.onmouseout = () => { if(!card.dataset.answered){ btn.style.borderColor="#e2e8f0";btn.style.background="#fff"; }};
btn.onclick = () => {
if(card.dataset.answered) return;
card.dataset.answered = "true";
card.querySelectorAll("button").forEach(b => { b.style.cursor="default"; b.onmouseover=null; b.onmouseout=null; });
if(oi === qq.correct){
btn.style.borderColor="#48bb78";btn.style.background="#f0fff4";
fb.innerHTML = "✅ Correct! " + qq.explanation;
fb.style.color="#276749";fb.style.background="#f0fff4";
} else {
btn.style.borderColor="#fc8181";btn.style.background="#fff5f5";
card.querySelectorAll("button")[qq.correct].style.borderColor="#48bb78";
card.querySelectorAll("button")[qq.correct].style.background="#f0fff4";
fb.innerHTML = "❌ " + qq.explanation;
fb.style.color="#9b2c2c";fb.style.background="#fff5f5";
}
fb.style.padding="10px 14px";fb.style.marginTop="8px";
};
card.appendChild(btn);
});
const fb = document.createElement("div");
fb.style.cssText = "border-radius:8px;font-size:.9em;transition:all .3s;";
card.appendChild(fb);
body.appendChild(card);
});
return outer;
}Code
starLifespans = [
{type: "O-type\n(60 M☉)", mass: 60, lifespan: 0.003, temp: 40000, luminosity: 800000, color: "#6ca0dc", fate: "Supernova → Black hole"},
{type: "B-type\n(10 M☉)", mass: 10, lifespan: 0.02, temp: 20000, luminosity: 10000, color: "#a0c4ff", fate: "Supernova → Neutron star"},
{type: "A-type\n(2 M☉)", mass: 2, lifespan: 1.0, temp: 8500, luminosity: 20, color: "#ffffff", fate: "Planetary nebula"},
{type: "G-type\n(1 M☉) ← SUN", mass: 1, lifespan: 10, temp: 5800, luminosity: 1, color: "#ffdd57", fate: "Red giant → White dwarf"},
{type: "K-type\n(0.7 M☉)", mass: 0.7, lifespan: 17, temp: 4500, luminosity: 0.3, color: "#ffa94d", fate: "Red giant → White dwarf"},
{type: "M-type\n(0.3 M☉)", mass: 0.3, lifespan: 70, temp: 3200, luminosity: 0.01, color: "#ff6b6b", fate: "Never leaves main sequence"}
]
Plot.plot({
title: "Star Lifespan vs. Mass — Bigger Stars Die MUCH Faster",
subtitle: "Our Sun (G-type, 1 solar mass) has a 10-billion-year lifespan",
width: 700,
height: 380,
marginLeft: 130,
x: {label: "Lifespan (billion years)", type: "log", grid: true},
y: {label: null},
marks: [
Plot.barX(starLifespans, {
y: "type",
x: "lifespan",
fill: "color",
sort: {y: "x"}
,
tip: true}),
Plot.text(starLifespans, {
y: "type",
x: "lifespan",
text: d => `${d.lifespan >= 1 ? d.lifespan + " Gyr" : (d.lifespan * 1000) + " Myr"} → ${d.fate}`,
dx: 5,
textAnchor: "start",
fontSize: 10,
fontWeight: "bold"
}),
Plot.ruleX([4.6], {stroke: "#e74c3c", strokeWidth: 2, strokeDasharray: "5,5"}),
Plot.text([{y: "A-type\n(2 M☉)", x: 4.6}], {
y: "y", x: "x", text: d => "← Age of life on Earth",
dx: 5, dy: -12, fontSize: 10, fill: "#e74c3c", fontWeight: "bold"
})
]
})Code
buildQuiz("star-lifespan-quiz", "⭐ Check Your Understanding — Star Lifespans", [
{
q: "What is the relationship between a star's mass and its lifespan?",
options: ["Higher mass = longer lifespan", "Higher mass = shorter lifespan (they burn fuel much faster)", "Mass has no effect on lifespan", "Only medium-mass stars have predictable lifespans"],
correct: 1,
explanation: "More massive stars have stronger gravity compressing their cores, driving fusion at a much faster rate. An O-type star (60 M☉) burns through its fuel in just 3 million years, while a low-mass M-type (0.3 M☉) lasts 70 billion years."
},
{
q: "The red dashed line marks 4.6 billion years (the age of life on Earth). Which star types have lifespans shorter than this?",
options: ["Only O-type stars", "O-type and B-type stars", "O-type, B-type, and A-type stars", "All star types except G-type"],
correct: 2,
explanation: "O-type (3 Myr), B-type (20 Myr), and A-type (1 Gyr) stars all burn out well before 4.6 billion years. Any planet orbiting these stars would not have enough time for complex life to evolve."
},
{
q: "An M-type star lives 70 billion years — far longer than needed for life. Why might it still be problematic for habitability?",
options: ["M-type stars are too hot for nearby planets", "M-type stars have very low luminosity, so the habitable zone is extremely close to the star", "M-type stars cannot fuse hydrogen", "M-type stars always explode as supernovae"],
correct: 1,
explanation: "M-type stars have luminosities as low as 0.01× the Sun's. The habitable zone would be so close that the planet likely becomes tidally locked (one side always facing the star), creating extreme temperature differences."
}
])6 Explore 1: Patterns of Star Stability
6.1 🔬 The Hertzsprung-Russell Diagram
The H-R diagram is one of the most important tools in astronomy. It plots stars by their temperature (x-axis) and luminosity (y-axis), revealing patterns in how stars live and die.
Code
hrStars = [
// Main sequence
{name: "Hot blue giant", temp: 30000, lum: 100000, stage: "Main Sequence", r: 5},
{name: "B-type", temp: 20000, lum: 10000, stage: "Main Sequence", r: 4},
{name: "Sirius A", temp: 9900, lum: 25, stage: "Main Sequence", r: 4},
{name: "Sun", temp: 5800, lum: 1, stage: "Main Sequence", r: 6},
{name: "K-dwarf", temp: 4500, lum: 0.3, stage: "Main Sequence", r: 3},
{name: "Proxima Centauri", temp: 3000, lum: 0.0017, stage: "Main Sequence", r: 4},
// Red giants
{name: "Betelgeuse", temp: 3500, lum: 100000, stage: "Red Giant", r: 7},
{name: "Aldebaran", temp: 3900, lum: 500, stage: "Red Giant", r: 5},
{name: "Arcturus", temp: 4300, lum: 170, stage: "Red Giant", r: 5},
// White dwarfs
{name: "Sirius B", temp: 25000, lum: 0.03, stage: "White Dwarf", r: 3},
{name: "Procyon B", temp: 7700, lum: 0.0005, stage: "White Dwarf", r: 3},
// Supergiants
{name: "Rigel", temp: 12000, lum: 120000, stage: "Supergiant", r: 6},
{name: "Deneb", temp: 8500, lum: 200000, stage: "Supergiant", r: 6}
]
Plot.plot({
title: "Hertzsprung-Russell Diagram",
subtitle: "Temperature decreases to the right (astronomers are weird like that)",
width: 700,
height: 450,
marginRight: 80,
x: {label: "Surface Temperature (K)", reverse: true, type: "log"},
y: {label: "Luminosity (× Sun)", type: "log", grid: true},
color: {
domain: ["Main Sequence", "Red Giant", "White Dwarf", "Supergiant"],
range: ["#3498db", "#e74c3c", "#ecf0f1", "#f39c12"],
legend: true
},
marks: [
Plot.dot(hrStars, {
x: "temp",
y: "lum",
fill: "stage",
r: "r",
stroke: "#333",
strokeWidth: 0.5,
title: d => `${d.name}\nTemp: ${d.temp}K\nLuminosity: ${d.lum}× Sun\nStage: ${d.stage}`
,
tip: true}),
Plot.text(hrStars.filter(d => ["Sun", "Betelgeuse", "Sirius B", "Rigel", "Proxima Centauri"].includes(d.name)), {
x: "temp",
y: "lum",
text: "name",
dx: 15,
fontSize: 10,
fontWeight: "bold"
}),
Plot.ruleY([1], {stroke: "#f39c12", strokeDasharray: "3,3", strokeOpacity: 0.5})
]
})6.2 🔭 Real Star Data: Hipparcos H-R Diagram
The diagram above uses a handful of example stars. Below is the same concept built from real data — over 800 nearby stars measured by the Hipparcos space telescope. Each point is an actual star plotted by its color (B−V index, which maps to surface temperature) and absolute magnitude (luminosity). Hover over any star to see its temperature, luminosity, and magnitude.
Code
// Fetch the real Hipparcos star catalog directly — avoids Observable FileAttachment issues
hrRawData = d3.csv(
"https://static.observableusercontent.com/files/a01b08636a1314e9dc329d141684564156cb49190d762542f3b8d09a20f7c3275fe0be93d2ed6f9056af7b27708ed91037b729cf12263e63c0eb98abd43702fc",
d3.autoType
)Code
// Enrich each star with temperature, luminosity, and pre-computed star color
hrStarData = {
function bv2rgb(bv) {
bv = Math.max(-0.4, Math.min(2, bv));
let t;
return `#${[
bv < 0 ? (t=(bv+0.4)/0.4, 0.61+0.11*t+0.1*t*t) : bv < 0.4 ? (t=bv/0.4, 0.83+0.17*t) : 1,
bv < 0 ? (t=(bv+0.4)/0.4, 0.70+0.07*t+0.1*t*t) : bv < 0.4 ? (t=bv/0.4, 0.87+0.11*t) : bv < 1.6 ? (t=(bv-0.4)/1.2, 0.98-0.16*t) : (t=(bv-1.6)/0.4, 0.82-0.5*t*t),
bv < 0.4 ? 1 : bv < 1.5 ? (t=(bv-0.4)/1.1, 1-0.47*t+0.1*t*t) : bv < 1.94 ? (t=(bv-1.5)/0.44, 0.63-0.6*t*t) : 0
].map(t => Math.round(t*255).toString(16).padStart(2,"0")).join("")}`;
}
return hrRawData.map(d => ({
bv: +d.color.toFixed(3),
magnitude: +d.absolute_magnitude.toFixed(2),
temperature: Math.round(4600 * (1/(0.92*d.color+1.7) + 1/(0.92*d.color+0.62))),
luminosity: +(10**((4.83-d.absolute_magnitude)/2.5)).toFixed(2),
starColor: bv2rgb(d.color)
}));
}Code
Plot.plot({
title: "Hertzsprung-Russell Diagram — Real Stars from the Hipparcos Catalog",
subtitle: "Hover any star to see its temperature, luminosity, and magnitude",
width: 700,
height: 600,
style: { background: "#111", color: "#eee", fontFamily: "sans-serif" },
x: {
label: "B-V Color Index (blue/hot ←——→ red/cool)",
domain: [-0.39, 2.19],
grid: true
},
y: {
label: "Absolute Magnitude (bright ↑ ↓ dim)",
domain: [-7, 19],
reverse: true,
grid: true
},
marks: [
Plot.dot(hrStarData, {
x: "bv",
y: "magnitude",
fill: d => d.starColor,
r: 2.5,
opacity: 0.85,
channels: {
"B-V": "bv",
"Temp (K)": "temperature",
"Luminosity (L☉)": "luminosity",
"Abs. Magnitude": "magnitude"
},
tip: true
})
]
})Code
buildQuiz("hr-diagram-quiz", "📊 Check Your Understanding — H-R Diagram", [
{
q: "The dense diagonal band running from upper-left to lower-right is the Main Sequence. Why are there far more cool, dim stars (lower-right) than hot, bright ones (upper-left)?",
options: ["Cool stars are closer to Earth so we detect more of them", "Low-mass stars are far more common in the universe AND they live much longer, so more are still shining", "Hot stars are hidden behind dust clouds", "The diagram only sampled nearby stars, which happen to be cool"],
correct: 1,
explanation: "Low-mass stars are both more commonly formed and far longer-lived. A 0.3 M☉ star lives 70 billion years while a 60 M☉ star lasts only 3 million years. At any given time, many more low-mass stars are still on the main sequence."
},
{
q: "The cluster in the upper-right of the H-R diagram (high luminosity, low temperature) represents which evolutionary stage?",
options: ["Young protostars still forming", "Main sequence stars in their prime", "Red Giants — old stars that exhausted core hydrogen and expanded", "White dwarfs cooling down"],
correct: 2,
explanation: "Stars in the upper-right are Red Giants. When a main-sequence star exhausts its core hydrogen, the core contracts while the outer layers expand enormously, making the star very luminous but with a cool (red) surface."
},
{
q: "Our Sun (B-V ≈ 0.65, magnitude ≈ +4.8) sits in the middle of the Main Sequence. What does this position tell us about its suitability for supporting life?",
options: ["It's too dim to support life on nearby planets", "It's a moderately hot, moderately luminous, stable star with a ~10 billion year lifespan — ideal for life", "It's about to leave the main sequence and become a Red Giant", "Its position means it will eventually explode"],
correct: 1,
explanation: "The Sun's position in the middle main sequence means it has moderate temperature (~5,800 K), moderate luminosity (1 L☉), and a long stable lifespan (~10 Gyr). This 'Goldilocks' position gives planets billions of years of steady energy."
}
])6.2.1 💡 What the H-R Diagram Tells Us
- Main Sequence (diagonal band): Stars spending most of their lives here, fusing hydrogen stably
- Red Giants (upper right): Stars that ran out of core hydrogen and expanded enormously
- White Dwarfs (lower left): Dead stellar cores, slowly cooling
- Supergiants (top): Massive, luminous stars nearing explosive deaths
Our Sun sits comfortably in the middle of the Main Sequence — not too hot, not too cool, with a lifespan of ~10 billion years. This is the “Goldilocks zone” for stars supporting life.
7 Explain: Why Are Some Stars Stable and Others Explode?
7.1 🧠 The Battle: Gravity vs. Fusion Pressure
A star is a balancing act between two forces:
- Gravity pulls everything inward (wants to crush the star)
- Fusion pressure pushes outward (the energy from fusion creates radiation and heat)
As long as these forces balance, the star is stable. When the fuel runs out, gravity wins.
Code
Code
{
const width = 700;
const height = 300;
const svg = d3.create("svg").attr("width", width).attr("height", height);
svg.append("rect").attr("width", width).attr("height", height).attr("fill", "#0a0a2e").attr("rx", 12);
const lifespan = (10 / Math.pow(starMass, 2.5)).toFixed(2);
const temp = Math.round(5800 * Math.pow(starMass, 0.5));
const lum = Math.pow(starMass, 3.5).toFixed(1);
const fate = starMass < 0.5 ? "Slowly fades (never becomes red giant)" :
starMass < 8 ? "Red Giant → White Dwarf" :
starMass < 25 ? "Supergiant → Supernova → Neutron Star" :
"Supergiant → Supernova → BLACK HOLE";
const fateColor = starMass < 8 ? "#f39c12" : starMass < 25 ? "#e74c3c" : "#9b59b6";
const stable = lifespan > 4.6 ? "✅ Long enough for complex life" : "❌ Too short for complex life";
const stableColor = lifespan > 4.6 ? "#2ecc71" : "#e74c3c";
svg.append("text").attr("x", width/2).attr("y", 25).attr("text-anchor", "middle")
.attr("fill", "white").attr("font-size", 16).attr("font-weight", "bold")
.text(`Star: ${starMass.toFixed(1)} Solar Masses`);
// Star visualization
const r = Math.min(60, 15 + starMass * 5);
const starColor = temp > 20000 ? "#6ca0dc" : temp > 10000 ? "#a0c4ff" : temp > 7000 ? "#ffffff" : temp > 5000 ? "#ffdd57" : temp > 4000 ? "#ffa94d" : "#ff6b6b";
svg.append("circle").attr("cx", 100).attr("cy", 170).attr("r", r)
.attr("fill", starColor).attr("opacity", 0.9);
// Stats
const stats = [
{label: "Surface Temperature:", value: `${temp.toLocaleString()} K`, color: "white"},
{label: "Luminosity:", value: `${lum}× Sun`, color: "white"},
{label: "Lifespan:", value: `${lifespan} billion years`, color: "white"},
{label: "Stability for life:", value: stable, color: stableColor},
{label: "Fate:", value: fate, color: fateColor}
];
stats.forEach((s, i) => {
svg.append("text").attr("x", 200).attr("y", 75 + i * 35).attr("fill", "#aaa").attr("font-size", 12).text(s.label);
svg.append("text").attr("x", 370).attr("y", 75 + i * 35).attr("fill", s.color).attr("font-size", 13).attr("font-weight", "bold").text(s.value);
});
return svg.node();
}Code
buildQuiz("star-mass-quiz", "⚖️ Check Your Understanding — Star Mass & Fate", [
{
q: "Using the slider, at approximately what mass does a star's lifespan drop below 4.6 billion years?",
options: ["About 0.5 solar masses", "About 1.2 solar masses", "About 5 solar masses", "About 10 solar masses"],
correct: 1,
explanation: "At ~1.2 solar masses, the lifespan drops to roughly 4.6 billion years (the age of life on Earth). Stars more massive than this burn out too quickly for complex life to evolve."
},
{
q: "What happens to a star's temperature and luminosity as mass increases?",
options: ["Both decrease — massive stars are cooler and dimmer", "Temperature increases but luminosity decreases", "Both increase dramatically — massive stars are much hotter and brighter", "Neither changes; mass only affects lifespan"],
correct: 2,
explanation: "Luminosity scales as M^3.5 and temperature as M^0.5. A 10 M☉ star is ~3,000× more luminous and nearly twice as hot as the Sun. This extreme output is exactly why massive stars exhaust fuel so quickly."
},
{
q: "Stars above ~8 solar masses end as supernovae. Why is this catastrophic for any orbiting planets?",
options: ["The supernova creates a black hole that swallows the planets", "The explosion releases enough energy to vaporize nearby planets and sterilize the surrounding region", "The star shrinks so planets drift away into space", "Supernovae only affect the star itself, not its planets"],
correct: 1,
explanation: "A supernova releases ~10⁴⁴ joules of energy in seconds — briefly outshining the entire galaxy. This vaporizes inner planets, strips atmospheres from outer ones, and bathes the region in lethal radiation. No planet nearby survives intact."
}
])8 Elaborate: Nucleosynthesis — Stars Build the Elements
8.1 🔬 Stars Are Element Factories
Stars don’t just burn hydrogen — they build heavier elements through nucleosynthesis. The mass of a star determines which elements it can create.
Code
elements = [
{element: "H → He", minMass: 0.08, phase: "Main Sequence", color: "#3498db"},
{element: "He → C, O", minMass: 0.5, phase: "Red Giant", color: "#f39c12"},
{element: "C → Ne, Na, Mg", minMass: 4, phase: "Late Giant", color: "#e67e22"},
{element: "Ne → O, Mg", minMass: 8, phase: "Supergiant", color: "#e74c3c"},
{element: "O → Si, S", minMass: 8, phase: "Supergiant", color: "#c0392b"},
{element: "Si → Fe (iron)", minMass: 10, phase: "Pre-supernova", color: "#8e44ad"},
{element: "Fe → heavier\n(Au, U, etc.)", minMass: 10, phase: "Supernova only!", color: "#2c3e50"}
]
Plot.plot({
title: "Nucleosynthesis: Which Stars Build Which Elements?",
subtitle: "Minimum star mass needed to create each element",
width: 700,
height: 380,
marginLeft: 140,
x: {label: "Minimum Star Mass (solar masses)", grid: true},
y: {label: null},
marks: [
Plot.barX(elements, {
y: "element",
x: "minMass",
fill: "color",
sort: {y: null}
,
tip: true}),
Plot.text(elements, {
y: "element",
x: "minMass",
text: d => `${d.minMass} M☉ — ${d.phase}`,
dx: 5,
textAnchor: "start",
fontSize: 10,
fontWeight: "bold"
}),
Plot.ruleX([1], {stroke: "#ffdd57", strokeWidth: 2, strokeDasharray: "5,5"}),
Plot.text([{y: "He → C, O", x: 1}], {
y: "y", x: "x", text: d => "Our Sun →",
dx: -45, fontSize: 10, fill: "#ffdd57", fontWeight: "bold"
})
]
})Code
buildQuiz("nucleosynthesis-quiz", "⚛️ Check Your Understanding — Nucleosynthesis", [
{
q: "Our Sun (1 solar mass) can fuse hydrogen into helium. What is the heaviest element it will ever produce?",
options: ["Iron (Fe)", "Carbon and Oxygen (C, O)", "Silicon (Si)", "Gold (Au)"],
correct: 1,
explanation: "Stars of ~1 solar mass can only fuse hydrogen into helium on the main sequence, then helium into carbon and oxygen during the Red Giant phase. Creating elements heavier than that requires more massive stars (4+ solar masses)."
},
{
q: "Elements heavier than iron (like gold and uranium) can only be created during which event?",
options: ["Normal main-sequence fusion", "Red Giant expansion", "Supernova explosions", "Planetary nebula formation"],
correct: 2,
explanation: "Fusing iron actually requires energy input rather than releasing it — it's energetically unfavorable. Only the extreme conditions of a supernova (temperatures exceeding billions of degrees) provide enough energy to forge elements heavier than iron."
}
])9 Chapter Summary
| Key Concept | Details |
|---|---|
| Mass–lifespan relationship | \(L_{life} \propto M^{-2.5}\) — more massive = shorter lifespan |
| H-R Diagram | Plots temperature vs. luminosity; Main Sequence = stable hydrogen fusion |
| Ideal star for life | G or K type, 0.5–1.5 M☉, main sequence, lifespan > 4 Gyr |
| Supernova threshold | Stars > 8 M☉ explode — destroying nearby planets |
| Nucleosynthesis | Stars build elements; heavier than iron requires supernovae |
| “Star stuff” | All elements in your body were forged inside ancient stars |
10 Myth or Fact?
⭐ Star Life Cycles: Myths vs. Facts
Decide whether each statement is a MYTH or a FACT!
11 End-of-Chapter Quiz
Code
function buildStarQuiz(id, title, questions) {
const outer = html`<div id="${id}" style="font-family:'Inter',sans-serif; max-width:720px; margin:18px auto;"></div>`;
const header = html`<div style="background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border-radius:14px 14px 0 0;padding:18px 24px;">
<div style="font-size:1.1em;font-weight:700;display:flex;align-items:center;gap:8px;"><span style="font-size:1.2em;">📝</span> ${title}</div>
<div style="font-size:0.85em;opacity:0.85;margin-top:4px;">Select an answer for each question.</div>
</div>`;
const body = html`<div style="border:1.5px solid #c7d2fe;border-top:none;border-radius:0 0 14px 14px;overflow:hidden;background:#f8f9ff;padding:16px;"></div>`;
questions.forEach((qq, qi) => {
const card = document.createElement("div");
card.style.cssText = "background:#fff;border-radius:12px;padding:16px 20px;margin-bottom:14px;box-shadow:0 2px 8px rgba(0,0,0,.08);";
card.innerHTML = `<p style="font-weight:700;margin:0 0 10px;color:#1e1b4b;">${qi+1}. ${qq.q}</p>`;
qq.options.forEach((opt, oi) => {
const btn = document.createElement("button");
btn.textContent = opt;
btn.style.cssText = "display:block;width:100%;text-align:left;padding:10px 14px;margin:6px 0;border:2px solid #e2e8f0;border-radius:8px;background:#fff;color:#1e1b4b;cursor:pointer;font-size:.95em;transition:border-color .2s,background .2s;";
btn.onmouseover = () => { if(!card.dataset.answered){ btn.style.borderColor="#667eea";btn.style.background="#f0f0ff"; }};
btn.onmouseout = () => { if(!card.dataset.answered){ btn.style.borderColor="#e2e8f0";btn.style.background="#fff"; }};
btn.onclick = () => {
if(card.dataset.answered) return;
card.dataset.answered = "true";
card.querySelectorAll("button").forEach(b => {
b.style.cursor="default"; b.onmouseover=null; b.onmouseout=null;
b.style.borderColor="#e2e8f0"; b.style.background="#f8fafc"; b.style.color="#475569";
});
if(oi === qq.correct){
btn.style.borderColor="#48bb78";btn.style.background="#f0fff4";btn.style.color="#276749";btn.style.fontWeight="700";
fb.innerHTML = "✅ Correct! " + qq.explanation;
fb.style.color="#276749";fb.style.background="#f0fff4";
} else {
btn.style.borderColor="#fc8181";btn.style.background="#fff5f5";btn.style.color="#9b2c2c";btn.style.fontWeight="700";
const correctBtn = card.querySelectorAll("button")[qq.correct];
correctBtn.style.borderColor="#48bb78";correctBtn.style.background="#f0fff4";correctBtn.style.color="#276749";correctBtn.style.fontWeight="700";
fb.innerHTML = "❌ " + qq.explanation;
fb.style.color="#9b2c2c";fb.style.background="#fff5f5";
}
fb.style.padding="10px 14px";fb.style.marginTop="8px";fb.style.borderRadius="8px";
};
card.appendChild(btn);
});
const fb = document.createElement("div");
fb.style.cssText = "border-radius:8px;font-size:.9em;transition:all .3s;";
card.appendChild(fb);
body.appendChild(card);
});
outer.appendChild(header);
outer.appendChild(body);
return outer;
}Code
buildStarQuiz("star-summative-quiz", "⭐ Summative Quiz — Star Life Cycles", [
{
q: "In 1054 CE, a star exploded so violently it was visible in daylight for 23 days. What type of event was this?",
options: [
"A solar flare from a Sun-like star",
"A supernova — the explosive death of a massive star",
"A Red Giant shedding its outer layers",
"Two stars colliding"
],
correct: 1,
explanation: "The 1054 event was a supernova — the catastrophic explosion of a star more massive than ~8 solar masses. The remnant, the Crab Nebula, is still visible today as an expanding cloud of gas and a central neutron star."
},
{
q: "A star has a mass of 0.7 solar masses. Using the relationship Lifespan ∝ M^(-2.5), approximately how long will it live on the main sequence?",
options: [
"About 5 billion years",
"About 10 billion years",
"About 24 billion years",
"About 70 billion years"
],
correct: 2,
explanation: "Lifespan = 10 / M^2.5 = 10 / 0.7^2.5 ≈ 10 / 0.41 ≈ 24 billion years. K-type stars like this are excellent candidates for hosting habitable planets — they're stable for far longer than our Sun."
},
{
q: "On the H-R diagram, where would you find the most stable, long-lived stars?",
options: [
"Upper left (hot supergiants)",
"Middle of the Main Sequence diagonal band",
"Upper right (Red Giants)",
"Lower left (White Dwarfs)"
],
correct: 1,
explanation: "The middle main sequence contains G and K type stars with moderate temperatures, moderate luminosities, and lifespans of 10-20+ billion years. Stars above are too hot/short-lived; Red Giants and White Dwarfs are end-of-life stages."
},
{
q: "What force keeps a main-sequence star from collapsing under its own gravity?",
options: [
"Centrifugal force from the star's rotation",
"Magnetic fields generated in the core",
"Outward radiation and gas pressure from nuclear fusion",
"Gravitational pull from orbiting planets"
],
correct: 2,
explanation: "Hydrostatic equilibrium: the outward pressure from fusion energy exactly balances the inward pull of gravity. When a star exhausts its fuel and fusion stops, gravity wins — the core collapses, triggering either a Red Giant expansion or a supernova."
},
{
q: "Which statement about nucleosynthesis is correct?",
options: [
"All elements up to uranium are produced inside every star",
"The Sun can only produce helium; elements heavier than helium require more massive stars",
"Elements heavier than iron require supernova conditions to form",
"Stars do not produce elements — all elements were created in the Big Bang"
],
correct: 2,
explanation: "Fusing elements lighter than iron releases energy. But iron fusion requires energy input — it's endothermic. Only the extreme temperatures of a supernova can forge elements heavier than iron (gold, uranium, etc.) through rapid neutron capture."
},
{
q: "You're evaluating an exoplanet orbiting a B-type star (10 solar masses). Why is this a poor candidate for hosting life?",
options: [
"B-type stars don't emit enough light for photosynthesis",
"B-type stars live only ~20 million years — far too short for complex life to evolve",
"B-type stars lack hydrogen, so they can't sustain fusion",
"B-type stars have no habitable zone"
],
correct: 1,
explanation: "Complex life on Earth took ~4 billion years to develop. A B-type star (10 M☉) exhausts its fuel in ~20 million years. Even simple life would barely have time to appear before the star leaves the main sequence and potentially explodes."
},
{
q: "Why do astronomers consider the Hipparcos H-R diagram important evidence for stellar evolution theory?",
options: [
"It shows all stars are identical in temperature and luminosity",
"Real star data clusters into predicted groups (Main Sequence, Red Giants, White Dwarfs), confirming theoretical models",
"It proves that all stars will eventually become black holes",
"It shows stars are randomly distributed with no patterns"
],
correct: 1,
explanation: "The real Hipparcos data shows stars clustering exactly where theory predicts: a dense Main Sequence band, a Red Giant branch in the upper right, and White Dwarfs in the lower left. This pattern matches models of stellar evolution remarkably well."
},
{
q: "An exoplanet's host star is classified as K-type (0.7 M☉). What is its approximate surface temperature?",
options: [
"~3,200 K (cool red)",
"~4,500 K (warm orange)",
"~5,800 K (yellow, like the Sun)",
"~20,000 K (hot blue)"
],
correct: 1,
explanation: "K-type stars have surface temperatures of ~3,900–5,200 K, making them cooler and more orange than our Sun (G-type, ~5,800 K). Their moderate temperature and long lifespan (17+ Gyr) make them excellent candidates for supporting life."
},
{
q: "Which of the following is the correct sequence for a Sun-like star's life cycle?",
options: [
"Nebula → Main Sequence → Supernova → Black Hole",
"Nebula → Main Sequence → Red Giant → White Dwarf",
"Nebula → Red Giant → Main Sequence → Neutron Star",
"Main Sequence → Nebula → Red Giant → Supernova"
],
correct: 1,
explanation: "A ~1 M☉ star forms from a nebula, spends ~10 billion years on the Main Sequence fusing hydrogen, expands into a Red Giant when core hydrogen is exhausted, sheds its outer layers, and the remaining core cools as a White Dwarf."
},
{
q: "For the performance task: which combination of star properties would make you MOST confident an exoplanet could support life?",
options: [
"O-type star, 60 M☉, 40,000 K surface temperature",
"G-type star, 1 M☉, main sequence, ~10 Gyr lifespan",
"The most luminous star available, regardless of type",
"A White Dwarf — they're very stable since fusion has stopped"
],
correct: 1,
explanation: "A G-type main-sequence star (like our Sun) balances long lifespan (~10 Gyr), stable energy output, and a reasonably-sized habitable zone. O-type stars die too fast; White Dwarfs produce too little energy for a useful habitable zone."
}
])