<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
@page { size: 8.5in 11in; margin: 0.5in; }
* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: Georgia, serif; color: #1a1a1a; font-size: 12px; line-height: 1.5; }
h1 { font-size: 22px; color: #2e7d32; margin-bottom: 2px; }
h2 { font-size: 13px; color: #555; font-weight: normal; font-style: italic; margin-bottom: 6px; }
h3 { font-size: 14px; color: #2e7d32; margin: 6px 0 3px; page-break-after: avoid; }
.reading-box { background: #e8f5e9; border-left: 5px solid #43a047; border-radius: 0 8px 8px 0; padding: 8px 12px; margin-bottom: 6px; font-size: 11.5px; line-height: 1.35; }
.reading-box p { margin-bottom: 3px; text-indent: 1em; }
.reading-box p:last-child { margin-bottom: 0; }
.answer-line { border-bottom: 1px solid #b0bec5; height: 22px; }
.answer-lines-triple .line-row { border-bottom: 1px solid #b0bec5; height: 18px; }
.activity-box { border: 2px solid #42a5f5; border-radius: 6px; padding: 7px 10px; margin-bottom: 6px; }
.draw-box { border: 2px dashed #42a5f5; border-radius: 6px; height: 70px; background: #fafafa; margin-bottom: 6px; }
.circle-box { display: inline-block; width: 14px; height: 14px; border: 2px solid #42a5f5; border-radius: 50%; margin-right: 3px; vertical-align: middle; }
.wordbank span { background: #e3f2fd; border: 1px solid #42a5f5; border-radius: 4px; padding: 1px 5px; font-size: 10.5px; margin-right: 2px; display: inline-block; margin-bottom: 2px; }
table { width: 100%; border-collapse: collapse; margin-bottom: 6px; font-size: 11px; page-break-inside: avoid; }
th { background: #e8f5e9; color: #2e7d32; padding: 3px 5px; text-align: left; font-size: 10.5px; border: 1px solid #c8e6c9; }
td { padding: 3px 5px; border: 1px solid #e0e0e0; }
tr:nth-child(even) { background: #f9fbe7; }
.page { width: 7.5in; min-height: 10in; position: relative; }
.page + .page { page-break-before: always; }
.vocab-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 4px; margin-bottom: 6px; }
.vocab-card { border: 2px solid #42a5f5; border-radius: 6px; padding: 4px 7px; }
.vocab-card strong { display: block; color: #1565c0; font-size: 12px; margin-bottom: 2px; }
.vocab-card .line-row { border-bottom: 1px solid #b0bec5; height: 16px; }
.draw-grid { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 6px; margin-bottom: 6px; }
.safety-box { border: 2px solid #ff9800; border-radius: 6px; padding: 7px 10px; margin-bottom: 6px; background: #fff3e0; }
</style>
</head>
<body>
<!-- PAGE 1 -->
<div class="page">
<h1>📊 Graphing Our Results</h1>
<h2>Week 16 — Wednesday | Plant Needs Experiment Results</h2>
<h3>📖 Reading Time</h3>
<div class="reading-box">
<p>Scientists love to share their results. But a big list of numbers can be hard to read! That is why scientists make graphs. A graph is a picture of data. It shows numbers in a way our eyes can understand quickly.</p>
<p>One kind of graph is a bar graph. In a bar graph, each bar stands for one thing — like one of our plants. The taller the bar, the bigger the number. If Plant A grew 10 centimeters and Plant B grew 2 centimeters, Plant A's bar would be much taller. In one quick look, you can see which plant grew the most!</p>
<p>Today we will turn our plant measurements into a bar graph. Then anyone who looks at our graph can see our results — even without reading a single number. That is the power of a good graph!</p>
</div>
<h3>✏️ Quick Questions</h3>
<p><strong>1. What is a graph?</strong></p>
<div class="answer-line"></div>
<p><strong>2. In a bar graph, what does a taller bar mean?</strong></p>
<div class="answer-line"></div>
<p><strong>3. Why do scientists use graphs instead of just lists of numbers?</strong></p>
<div class="answer-line"></div>
<h3>🔬 Activity: Make a Bar Graph of Plant Growth</h3>
<div class="safety-box">
<p><strong>⚠️ Safety First!</strong> Today we may use scissors and glue for our graph. Always cut away from your body, keep scissors pointed down when walking, and wash sticky glue off your hands when you are done.</p>
</div>
<div class="activity-box">
<p><strong>What you need:</strong> your plant measurements from the experiment, a ruler, crayons, scissors, and glue (optional for paper-strip bars).</p>
<p><strong>Steps:</strong></p>
<p>1. Write your plant measurements in the chart on page 2.</p>
<p>2. On the graph, color one bar for each plant. Make each bar as tall as the number of centimeters the plant grew.</p>
<p>3. Give your graph a title and label each bar with the plant's name.</p>
</div>
</div>
<!-- PAGE 2 -->
<div class="page">
<h3>📏 Our Plant Growth Data</h3>
<p>Fill in your measurements. If you do not have real measurements, use these: Sunny+Water = 10 cm, No Water = 3 cm, No Light = 5 cm.</p>
<table>
<tr><th>Plant</th><th>Treatment it got</th><th>Height (cm)</th></tr>
<tr><td>Plant 1</td><td>Sunlight + water (control)</td><td></td></tr>
<tr><td>Plant 2</td><td>Sunlight, but NO water</td><td></td></tr>
<tr><td>Plant 3</td><td>Water, but NO light</td><td></td></tr>
</table>
<h3>📊 Color Your Bar Graph</h3>
<p>Color one bar for each plant. Stop coloring at the plant's height!</p>
<table style="text-align:center;">
<tr><th style="text-align:center;">cm</th><th style="text-align:center;">Plant 1</th><th style="text-align:center;">Plant 2</th><th style="text-align:center;">Plant 3</th></tr>
<tr><td>10</td><td style="height:22px;"></td><td></td><td></td></tr>
<tr><td>9</td><td style="height:22px;"></td><td></td><td></td></tr>
<tr><td>8</td><td style="height:22px;"></td><td></td><td></td></tr>
<tr><td>7</td><td style="height:22px;"></td><td></td><td></td></tr>
<tr><td>6</td><td style="height:22px;"></td><td></td><td></td></tr>
<tr><td>5</td><td style="height:22px;"></td><td></td><td></td></tr>
<tr><td>4</td><td style="height:22px;"></td><td></td><td></td></tr>
<tr><td>3</td><td style="height:22px;"></td><td></td><td></td></tr>
<tr><td>2</td><td style="height:22px;"></td><td></td><td></td></tr>
<tr><td>1</td><td style="height:22px;"></td><td></td><td></td></tr>
</table>
<p><strong>My graph title:</strong></p>
<div class="answer-line"></div>
</div>
<!-- PAGE 3 -->
<div class="page">
<h3>🔍 Which Plant Grew the Most? — Data Challenge</h3>
<p>Use YOUR bar graph to answer these questions.</p>
<p><strong>1. Which plant grew the tallest?</strong></p>
<div class="answer-line"></div>
<p><strong>2. Which plant grew the least?</strong></p>
<div class="answer-line"></div>
<p><strong>3. How many centimeters taller is the tallest plant than the shortest plant?</strong></p>
<div class="answer-line"></div>
<p><strong>4. What did the tallest plant get that the others did not?</strong></p>
<div class="answer-line"></div>
<h3>🎨 Draw Your Three Plants</h3>
<p>Draw each plant the way it looks now. Match your drawings to your graph!</p>
<div class="draw-grid">
<div><p style="text-align:center;"><strong>Plant 1</strong></p><div class="draw-box" style="height:90px;"></div></div>
<div><p style="text-align:center;"><strong>Plant 2</strong></p><div class="draw-box" style="height:90px;"></div></div>
<div><p style="text-align:center;"><strong>Plant 3</strong></p><div class="draw-box" style="height:90px;"></div></div>
</div>
<h3>✏️ Tell the Story of Your Graph</h3>
<p>Pretend a friend has never seen your plants. Use your graph to tell them what happened in our experiment. Use words like <em>tallest</em>, <em>shortest</em>, <em>water</em>, and <em>sunlight</em>.</p>
<div class="answer-lines-triple">
<div class="line-row"></div>
<div class="line-row"></div>
<div class="line-row"></div>
<div class="line-row"></div>
<div class="line-row"></div>
<div class="line-row"></div>
</div>
</div>
</body>
</html>