luulinh90s's picture
add materials
fa53be0
raw
history blame
8.27 kB
<html><head>
<style>
body { font-family: Arial, sans-serif; margin: 20px; }
h1 { text-align: center; }
.cot-title { color: blue; }
.pos-title { color: green; }
h2 { color: black; text-align: left; }
h3 { color: black; text-align: left; }
h4 { color: darkslategray; }
table { width: 100%; border-collapse: collapse; margin: 20px 0; }
table, th, td { border: 1px solid #ddd; padding: 8px; }
th { background-color: #f2f2f2; }
tr:nth-child(even) { background-color: #f9f9f9; }
.highlight { background-color: #ffffcc; }
.true { color: green; }
.false { color: red; }
.highlighted-cell { background-color: yellow; cursor: pointer; }
.step-title { background-color: #f1f1f1; color: #444; padding: 10px; margin: 10px 0; font-size: 18px; border-left: 4px solid #888; }
.step { display: block; }
</style>
</head><body>
<h1 class="pos-title">Plan-of-SQLs (Ours)</h1>
<hr>
<h3><span>Statement:</span> the buffalo bills lost more games than they won</h3>
<h3>Ground-truth:</span> TRUE</h3>
<h3>Input Table: 1976 buffalo bills season</h3>
<div class="step">
<div class="step">
<div class="step-title">Step 1: Select rows where the 'result' column contains the substring 'w' (indicating a win).</div>
<div id="step-1" class="content">
<table>
<tr>
<td>week</td>
<td>date</td>
<td>opponent</td>
<td>result</td>
<td>attendance</td>
</tr>
<tr>
<td>1</td>
<td>1976-09-13</td>
<td>miami dolphins</td>
<td><span class="highlighted-cell" title="Used in transformation" style="background-color:yellow;">l 30 - 21</span></td>
<td>77683</td>
</tr>
<tr>
<td>2</td>
<td>1976-09-19</td>
<td>houston oilers</td>
<td><span class="highlighted-cell" title="Used in transformation" style="background-color:yellow;">l 13 - 3</span></td>
<td>61384</td>
</tr>
<tr>
<td><span class="highlighted-cell" title="Used in transformation" style="background-color:yellow;">3</span></td>
<td><span class="highlighted-cell" title="Used in transformation" style="background-color:yellow;">1976-09-26</span></td>
<td><span class="highlighted-cell" title="Used in transformation" style="background-color:yellow;">tampa bay buccaneers</span></td>
<td><span class="highlighted-cell" title="Used in transformation" style="background-color:#90EE90;">w 14 - 9</span></td>
<td><span class="highlighted-cell" title="Used in transformation" style="background-color:yellow;">44505</span></td>
</tr>
<tr>
<td><span class="highlighted-cell" title="Used in transformation" style="background-color:yellow;">4</span></td>
<td><span class="highlighted-cell" title="Used in transformation" style="background-color:yellow;">1976-10-03</span></td>
<td><span class="highlighted-cell" title="Used in transformation" style="background-color:yellow;">kansas city chiefs</span></td>
<td><span class="highlighted-cell" title="Used in transformation" style="background-color:#90EE90;">w 50 - 17</span></td>
<td><span class="highlighted-cell" title="Used in transformation" style="background-color:yellow;">51909</span></td>
</tr>
<tr>
<td>5</td>
<td>1976-10-10</td>
<td>new york jets</td>
<td><span class="highlighted-cell" title="Used in transformation" style="background-color:yellow;">l 17 - 14</span></td>
<td>59110</td>
</tr>
<tr>
<td>6</td>
<td>1976-10-17</td>
<td>baltimore colts</td>
<td><span class="highlighted-cell" title="Used in transformation" style="background-color:yellow;">l 31 - 13</span></td>
<td>71009</td>
</tr>
<tr>
<td>7</td>
<td>1976-10-24</td>
<td>new england patriots</td>
<td><span class="highlighted-cell" title="Used in transformation" style="background-color:yellow;">l 26 - 22</span></td>
<td>45144</td>
</tr>
<tr>
<td>8</td>
<td>1976-10-31</td>
<td>new york jets</td>
<td><span class="highlighted-cell" title="Used in transformation" style="background-color:yellow;">l 19 - 14</span></td>
<td>41285</td>
</tr>
<tr>
<td>9</td>
<td>1976-11-07</td>
<td>new england patriots</td>
<td><span class="highlighted-cell" title="Used in transformation" style="background-color:yellow;">l 20 - 10</span></td>
<td>61157</td>
</tr>
<tr>
<td>10</td>
<td>1976-11-15</td>
<td>dallas cowboys</td>
<td><span class="highlighted-cell" title="Used in transformation" style="background-color:yellow;">l 17 - 10</span></td>
<td>51799</td>
</tr>
<tr>
<td>11</td>
<td>1976-11-21</td>
<td>san diego chargers</td>
<td><span class="highlighted-cell" title="Used in transformation" style="background-color:yellow;">l 34 - 13</span></td>
<td>36539</td>
</tr>
<tr>
<td>12</td>
<td>1976-11-25</td>
<td>detroit lions</td>
<td><span class="highlighted-cell" title="Used in transformation" style="background-color:yellow;">l 27 - 14</span></td>
<td>66875</td>
</tr>
<tr>
<td>13</td>
<td>1976-12-05</td>
<td>miami dolphins</td>
<td><span class="highlighted-cell" title="Used in transformation" style="background-color:yellow;">l 45 - 27</span></td>
<td>43475</td>
</tr>
<tr>
<td>14</td>
<td>1976-12-12</td>
<td>baltimore colts</td>
<td><span class="highlighted-cell" title="Used in transformation" style="background-color:yellow;">l 58 - 20</span></td>
<td>50451</td>
</tr>
</table>
</div>
<hr>
<div class="step">
<div class="step-title">Step 2: Count the number of rows from the previous step and add a column 'num_wins' to the existing table.</div>
<div id="step-0" class="content">
<table>
<tr>
<td>week</td>
<td>date</td>
<td>opponent</td>
<td>result</td>
<td>attendance</td>
</tr>
<tr>
<td><span class="highlighted-cell" title="Used in transformation" style="background-color:#90EE90;">3</span></td>
<td><span class="highlighted-cell" title="Used in transformation" style="background-color:#90EE90;">1976-09-26</span></td>
<td><span class="highlighted-cell" title="Used in transformation" style="background-color:#90EE90;">tampa bay buccaneers</span></td>
<td><span class="highlighted-cell" title="Used in transformation" style="background-color:#90EE90;">w 14 - 9</span></td>
<td><span class="highlighted-cell" title="Used in transformation" style="background-color:#90EE90;">44505</span></td>
</tr>
<tr>
<td><span class="highlighted-cell" title="Used in transformation" style="background-color:#90EE90;">4</span></td>
<td><span class="highlighted-cell" title="Used in transformation" style="background-color:#90EE90;">1976-10-03</span></td>
<td><span class="highlighted-cell" title="Used in transformation" style="background-color:#90EE90;">kansas city chiefs</span></td>
<td><span class="highlighted-cell" title="Used in transformation" style="background-color:#90EE90;">w 50 - 17</span></td>
<td><span class="highlighted-cell" title="Used in transformation" style="background-color:#90EE90;">51909</span></td>
</tr>
</table>
</div>
</div>
<hr>
<div class="step">
<div class="step-title">Step 3: Select rows where the 'result' column contains the substring 'l' (indicating a loss).</div>
<div id="step-1" class="content">
<table>
<tr>
<td>week</td>
<td>date</td>
<td>opponent</td>
<td>result</td>
<td>attendance</td>
<td>num_wins</td>
</tr>
<tr>
<td>3</td>
<td>1976-09-26</td>
<td>tampa bay buccaneers</td>
<td>w 14 - 9</td>
<td>44505</td>
<td>2</td>
</tr>
<tr>
<td>4</td>
<td>1976-10-03</td>
<td>kansas city chiefs</td>
<td>w 50 - 17</td>
<td>51909</td>
<td>2</td>
</tr>
</table>
</div>
</div>
<hr>
<div class="step">
<div class="step-title">Step 4: Count the number of rows from the previous step and add a column 'num_losses' to the existing table.</div>
<div id="step-2" class="content">
<table>
<tr>
<td>week</td>
<td>date</td>
<td>opponent</td>
<td>result</td>
<td>attendance</td>
<td>num_wins</td>
</tr>
</table>
</div>
</div>
<hr>
<div class="step">
<div class="step-title">Step 5: Use a `CASE` statement to return TRUE if the value of 'num_losses' is greater than the value of 'num_wins', otherwise return FALSE.</div>
<div id="step-3" class="content">
<table>
<tr>
<td>week</td>
<td>date</td>
<td>opponent</td>
<td>result</td>
<td>attendance</td>
<td>num_wins</td>
<td>num_losses</td>
</tr>
</table>
</div>
</div>
<hr>
<div class="step">
<div class="step-title">Final output table:</div>
<div id="step-4" class="content">
<table>
<tr>
<td>week</td>
<td>date</td>
<td>opponent</td>
<td>result</td>
<td>attendance</td>
<td>num_wins</td>
<td>num_losses</td>
<td>result</td>
</tr>
</table>
</div>
</div>
<hr>
<div class="step"><h3><span class="false">Prediction: </span></h3>
<h3>Ground-truth:</span> TRUE</h3></div>
</body></html>