luulinh90s's picture
add materials
fa53be0
raw
history blame
3.38 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>
<hr>
<h3><span>Statement:</span> kings island 's attraction opened in 1999</h3>
<h3>Input Table: drop tower : scream zone</h3>
<div class="step">
<div class="step">
<div class="step-title">Step 1: f_select_row(row 4)</div>
<div id="step-1" class="content">
<table>
<tr>
<td>park</td>
<td>tower height</td>
<td>drop height</td>
<td>speed</td>
<td>model</td>
<td>opened</td>
<td>height requirement</td>
</tr>
<tr>
<td>canada 's wonderland</td>
<td>230feet</td>
<td>200feet</td>
<td>62 mph</td>
<td>giant drop</td>
<td>1997</td>
<td>inches (cm)</td>
</tr>
<tr>
<td>carowinds</td>
<td>174feet</td>
<td>100feet</td>
<td>56 mph</td>
<td>giant drop</td>
<td>march 1996</td>
<td>inches (cm)</td>
</tr>
<tr>
<td>california 's great america</td>
<td>224feet</td>
<td>207feet</td>
<td>62 mph</td>
<td>giant drop</td>
<td>march 1996</td>
<td>inches (cm)</td>
</tr>
<tr>
<td>kings dominion</td>
<td>305feet</td>
<td>272feet</td>
<td>72 mph</td>
<td>gyro drop</td>
<td>march 22 , 2003</td>
<td>inches (cm)</td>
</tr>
<tr>
<td><span class="highlighted-cell" title="Used in transformation">kings island</span></td>
<td><span class="highlighted-cell" title="Used in transformation">315feet</span></td>
<td><span class="highlighted-cell" title="Used in transformation">264feet</span></td>
<td><span class="highlighted-cell" title="Used in transformation">67 mph</span></td>
<td><span class="highlighted-cell" title="Used in transformation">gyro drop</span></td>
<td><span class="highlighted-cell" title="Used in transformation">1999</span></td>
<td><span class="highlighted-cell" title="Used in transformation">inches (cm)</span></td>
</tr>
</table>
</div>
<hr>
<div class="step">
<div class="step-title">Step 2: f_select_column(park, opened)</div>
<div id="step-0" class="content">
<table>
<tr>
<td>park</td>
<td>tower height</td>
<td>drop height</td>
<td>speed</td>
<td>model</td>
<td>opened</td>
<td>height requirement</td>
</tr>
<tr>
<td><span class="highlighted-cell" title="Used in transformation">kings island</span></td>
<td>315feet</td>
<td>264feet</td>
<td>67 mph</td>
<td>gyro drop</td>
<td><span class="highlighted-cell" title="Used in transformation">1999</span></td>
<td>inches (cm)</td>
</tr>
</table>
</div>
</div>
<hr>
<div class="step">
<div class="step-title">Step 3: simple_query()</div>
<div id="step-1" class="content">
<table>
<tr>
<td>park</td>
<td>opened</td>
</tr>
<tr>
<td>kings island</td>
<td>1999</td>
</tr>
</table>
</div>
</div>
<hr>
<h2>Prompting LLM for the final answer... >>> </h2>
</div>
</div>
<hr>
<h3>Prediction:</span> YES</h3>
</body></html>