luulinh90s's picture
add materials
fa53be0
raw
history blame
5.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> by late january detroit was the lowest scoring team</h3>
<h3>Ground-truth:</span> FALSE</h3>
<h3>Input Table: 2003 - 04 detroit red wings season</h3>
<div class="step">
<div class="step">
<div class="step-title">Step 1: Select rows where 'date' is after or equal to '2003-01-01' and before or equal to '2004-01-31'.</div>
<div id="step-1" class="content">
<table>
<tr>
<td>date</td>
<td>visitor</td>
<td>score</td>
<td>home</td>
<td>decision</td>
<td>attendance</td>
<td>record</td>
</tr>
<tr>
<td>0002-01-01</td>
<td>detroit</td>
<td>4 - 1</td>
<td>carolina</td>
<td>joseph</td>
<td>17053</td>
<td>24 - 12 - 4 - 1</td>
</tr>
<tr>
<td>0001-01-03</td>
<td>anaheim</td>
<td>1 - 3</td>
<td>detroit</td>
<td>legace</td>
<td>20066</td>
<td>25 - 12 - 4 - 1</td>
</tr>
<tr>
<td>0000-01-05</td>
<td>nashville</td>
<td>0 - 6</td>
<td>detroit</td>
<td>joseph</td>
<td>20066</td>
<td>26 - 12 - 4 - 1</td>
</tr>
<tr>
<td>0001-01-07</td>
<td>boston</td>
<td>3 - 0</td>
<td>detroit</td>
<td>joseph</td>
<td>20066</td>
<td>26 - 13 - 4 - 1</td>
</tr>
<tr>
<td>0000-01-10</td>
<td>detroit</td>
<td>1 - 2</td>
<td>boston</td>
<td>joseph</td>
<td>17565</td>
<td>26 - 13 - 4 - 2</td>
</tr>
<tr>
<td>9999-01-14</td>
<td>chicago</td>
<td>2 - 4</td>
<td>detroit</td>
<td>legace</td>
<td>20066</td>
<td>27 - 13 - 4 - 2</td>
</tr>
<tr>
<td>0000-01-16</td>
<td>phoenix</td>
<td>3 - 3</td>
<td>detroit</td>
<td>joseph</td>
<td>20066</td>
<td>27 - 13 - 5 - 2</td>
</tr>
<tr>
<td>9999-01-19</td>
<td>detroit</td>
<td>1 - 2</td>
<td>san jose</td>
<td>joseph</td>
<td>17361</td>
<td>27 - 14 - 5 - 2</td>
</tr>
<tr>
<td>9999-01-21</td>
<td>detroit</td>
<td>2 - 2</td>
<td>anaheim</td>
<td>legace</td>
<td>17174</td>
<td>27 - 14 - 6 - 2</td>
</tr>
<tr>
<td>9999-01-22</td>
<td>detroit</td>
<td>5 - 4</td>
<td>los angeles</td>
<td>joseph</td>
<td>18118</td>
<td>28 - 14 - 6 - 2</td>
</tr>
<tr>
<td>9999-01-24</td>
<td>detroit</td>
<td>2 - 5</td>
<td>phoenix</td>
<td>joseph</td>
<td>19019</td>
<td>28 - 15 - 6 - 2</td>
</tr>
<tr>
<td>9999-01-26</td>
<td>detroit</td>
<td>2 - 2</td>
<td>dallas</td>
<td>legace</td>
<td>18532</td>
<td>28 - 15 - 7 - 2</td>
</tr>
<tr>
<td>9999-01-29</td>
<td>new jersey</td>
<td>2 - 5</td>
<td>detroit</td>
<td>joseph</td>
<td>20066</td>
<td>29 - 15 - 7 - 2</td>
</tr>
<tr>
<td>9999-01-31</td>
<td>carolina</td>
<td>4 - 4</td>
<td>detroit</td>
<td>legace</td>
<td>20066</td>
<td>30 - 15 - 8 - 2</td>
</tr>
</table>
</div>
<hr>
<div class="step">
<div class="step-title">Step 2: Extract the numerical value from the 'score' column by splitting the string on '-' and selecting the first element to add column 'home_score' to existing table.</div>
<div id="step-0" class="content">
<table>
<tr>
<td>date</td>
<td>visitor</td>
<td>score</td>
<td>home</td>
<td>decision</td>
<td>attendance</td>
<td>record</td>
</tr>
</table>
</div>
</div>
<hr>
<div class="step">
<div class="step-title">Step 3: Extract the numerical value from the 'score' column by splitting the string on '-' and selecting the second element to add column 'visitor_score' to existing table.</div>
<div id="step-1" class="content">
<table>
<tr>
<td>date</td>
<td>visitor</td>
<td>score</td>
<td>home</td>
<td>decision</td>
<td>attendance</td>
<td>record</td>
<td>home_score</td>
</tr>
</table>
</div>
</div>
<hr>
<div class="step">
<div class="step-title">Step 4: Select rows where 'home_score' is less than or equal to 2.</div>
<div id="step-2" class="content">
<table>
<tr>
<td>date</td>
<td>visitor</td>
<td>score</td>
<td>home</td>
<td>decision</td>
<td>attendance</td>
<td>record</td>
<td>home_score</td>
<td>visitor_score</td>
</tr>
</table>
</div>
</div>
<hr>
<div class="step">
<div class="step-title">Step 5: Use a `CASE` statement to return TRUE if the number of rows is equal to the number of rows in the table, otherwise return FALSE.</div>
<div id="step-3" class="content">
<table>
<tr>
<td>date</td>
<td>visitor</td>
<td>score</td>
<td>home</td>
<td>decision</td>
<td>attendance</td>
<td>record</td>
<td>home_score</td>
<td>visitor_score</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>verification_result</td>
</tr>
<tr>
<td>TRUE</td>
</tr>
</table>
</div>
</div>
<hr>
<div class="step"><h3><span class="false">Prediction: TRUE </span></h3>
<h3>Ground-truth:</span> FALSE</h3></div>
</body></html>