Hugging Face's logo

Spaces:
luulinh90s
/
Tabular-LLM-Study-Forward-Simulation
Sleeping

App Files Community
Tabular-LLM-Study-Forward-Simulation / visualizations_debug /TP /test-1140.html
luulinh90s's picture
luulinh90s
add materials
fa53be0
raw
history blame
7.37 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> footscray score 14.8 when they visited essendon on july 13 1946</h3>
<h3>Ground-truth:</span> TRUE</h3>
<h3>Input Table: 1946 vfl season</h3>
<div class="step">
<div class="step">
<div class="step-title">Step 1: Select rows where 'away_team' is 'footscray'.</div>
<div id="step-1" class="content">
<table>
<tr>
<td>home_team</td>
<td>home_team_score</td>
<td>away_team</td>
<td>away_team_score</td>
<td>venue</td>
<td>crowd</td>
<td>date</td>
</tr>
<tr>
<td>geelong</td>
<td>15.7 (97)</td>
<td><span class="highlighted-cell" title="Used in transformation" style="background-color:yellow;">melbourne</span></td>
<td>21.14 (140)</td>
<td>kardinia park</td>
<td>11500</td>
<td>1946-07-13</td>
</tr>
<tr>
<td><span class="highlighted-cell" title="Used in transformation" style="background-color:yellow;">essendon</span></td>
<td><span class="highlighted-cell" title="Used in transformation" style="background-color:yellow;">16.24 (120)</span></td>
<td><span class="highlighted-cell" title="Used in transformation" style="background-color:#90EE90;">footscray</span></td>
<td><span class="highlighted-cell" title="Used in transformation" style="background-color:yellow;">14.8 (92)</span></td>
<td><span class="highlighted-cell" title="Used in transformation" style="background-color:yellow;">windy hill</span></td>
<td><span class="highlighted-cell" title="Used in transformation" style="background-color:yellow;">29000</span></td>
<td><span class="highlighted-cell" title="Used in transformation" style="background-color:yellow;">1946-07-13</span></td>
</tr>
<tr>
<td>collingwood</td>
<td>15.23 (113)</td>
<td><span class="highlighted-cell" title="Used in transformation" style="background-color:yellow;">hawthorn</span></td>
<td>11.14 (80)</td>
<td>victoria park</td>
<td>11000</td>
<td>1946-07-13</td>
</tr>
<tr>
<td>carlton</td>
<td>12.13 (85)</td>
<td><span class="highlighted-cell" title="Used in transformation" style="background-color:yellow;">south melbourne</span></td>
<td>11.18 (84)</td>
<td>princes park</td>
<td>26000</td>
<td>1946-07-13</td>
</tr>
<tr>
<td>st kilda</td>
<td>10.14 (74)</td>
<td><span class="highlighted-cell" title="Used in transformation" style="background-color:yellow;">north melbourne</span></td>
<td>12.11 (83)</td>
<td>junction oval</td>
<td>7000</td>
<td>1946-07-13</td>
</tr>
<tr>
<td>richmond</td>
<td>14.14 (98)</td>
<td><span class="highlighted-cell" title="Used in transformation" style="background-color:yellow;">fitzroy</span></td>
<td>10.12 (72)</td>
<td>punt road oval</td>
<td>19000</td>
<td>1946-07-13</td>
</tr>
</table>
</div>
<hr>
<div class="step">
<div class="step-title">Step 2: Select rows where 'home_team' is 'essendon'.</div>
<div id="step-0" class="content">
<table>
<tr>
<td>home_team</td>
<td>home_team_score</td>
<td>away_team</td>
<td>away_team_score</td>
<td>venue</td>
<td>crowd</td>
<td>date</td>
</tr>
<tr>
<td><span class="highlighted-cell" title="Used in transformation" style="background-color:#90EE90;">essendon</span></td>
<td><span class="highlighted-cell" title="Used in transformation" style="background-color:yellow;">16.24 (120)</span></td>
<td><span class="highlighted-cell" title="Used in transformation" style="background-color:yellow;">footscray</span></td>
<td><span class="highlighted-cell" title="Used in transformation" style="background-color:yellow;">14.8 (92)</span></td>
<td><span class="highlighted-cell" title="Used in transformation" style="background-color:yellow;">windy hill</span></td>
<td><span class="highlighted-cell" title="Used in transformation" style="background-color:yellow;">29000</span></td>
<td><span class="highlighted-cell" title="Used in transformation" style="background-color:yellow;">1946-07-13</span></td>
</tr>
</table>
</div>
</div>
<hr>
<div class="step">
<div class="step-title">Step 3: Select rows where 'date' is '1946-07-13'.</div>
<div id="step-1" class="content">
<table>
<tr>
<td>home_team</td>
<td>home_team_score</td>
<td>away_team</td>
<td>away_team_score</td>
<td>venue</td>
<td>crowd</td>
<td>date</td>
</tr>
<tr>
<td><span class="highlighted-cell" title="Used in transformation" style="background-color:yellow;">essendon</span></td>
<td><span class="highlighted-cell" title="Used in transformation" style="background-color:yellow;">16.24 (120)</span></td>
<td><span class="highlighted-cell" title="Used in transformation" style="background-color:yellow;">footscray</span></td>
<td><span class="highlighted-cell" title="Used in transformation" style="background-color:yellow;">14.8 (92)</span></td>
<td><span class="highlighted-cell" title="Used in transformation" style="background-color:yellow;">windy hill</span></td>
<td><span class="highlighted-cell" title="Used in transformation" style="background-color:yellow;">29000</span></td>
<td><span class="highlighted-cell" title="Used in transformation" style="background-color:#90EE90;">1946-07-13</span></td>
</tr>
</table>
</div>
</div>
<hr>
<div class="step">
<div class="step-title">Step 4: Use a `CASE` statement to return TRUE if the number of rows is equal to 1, otherwise return FALSE.</div>
<div id="step-2" class="content">
<table>
<tr>
<td>home_team</td>
<td>home_team_score</td>
<td>away_team</td>
<td>away_team_score</td>
<td>venue</td>
<td>crowd</td>
<td>date</td>
</tr>
<tr>
<td><span class="highlighted-cell" title="Used in transformation" style="background-color:#90EE90;">essendon</span></td>
<td><span class="highlighted-cell" title="Used in transformation" style="background-color:#90EE90;">16.24 (120)</span></td>
<td><span class="highlighted-cell" title="Used in transformation" style="background-color:#90EE90;">footscray</span></td>
<td><span class="highlighted-cell" title="Used in transformation" style="background-color:#90EE90;">14.8 (92)</span></td>
<td><span class="highlighted-cell" title="Used in transformation" style="background-color:#90EE90;">windy hill</span></td>
<td><span class="highlighted-cell" title="Used in transformation" style="background-color:#90EE90;">29000</span></td>
<td><span class="highlighted-cell" title="Used in transformation" style="background-color:#90EE90;">1946-07-13</span></td>
</tr>
</table>
</div>
</div>
<hr>
<div class="step">
<div class="step-title">Final output table:</div>
<div id="step-3" class="content">
<table>
<tr>
<td>verification_result</td>
</tr>
<tr>
<td>TRUE</td>
</tr>
</table>
</div>
</div>
<hr>
<div class="step"><h3><span class="true">Prediction: TRUE </span></h3>
<h3>Ground-truth:</span> TRUE</h3></div>
</body></html>