Hugging Face's logo

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

App Files Community
Tabular-LLM-Study-Forward-Simulation / old_vis /htmls_POS /FN /test-247.html
luulinh90s's picture
luulinh90s
update
3bed294
raw
history blame
6.8 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> sweden and canada were the only countries on the table that did not receive a medal in one of the categories</h3>
<h3>Input Table: 1988 winter olympics</h3>
<div class="step">
<div class="step">
<div class="step-title">Step 1: Select rows where 'nation' is 'sweden' or 'canada'.</div>
<div id="step-1" class="content">
<table>
<tr>
<td>rank</td>
<td>nation</td>
<td>gold</td>
<td>silver</td>
<td>bronze</td>
<td>total</td>
</tr>
<tr>
<td>1</td>
<td><span class="highlighted-cell" title="Used in transformation" style="background-color:yellow;">soviet union (urs)</span></td>
<td>11</td>
<td>9</td>
<td>9</td>
<td>29</td>
</tr>
<tr>
<td>2</td>
<td><span class="highlighted-cell" title="Used in transformation" style="background-color:yellow;">east germany (gdr)</span></td>
<td>9</td>
<td>10</td>
<td>6</td>
<td>25</td>
</tr>
<tr>
<td>3</td>
<td><span class="highlighted-cell" title="Used in transformation" style="background-color:yellow;">switzerland (sui)</span></td>
<td>5</td>
<td>5</td>
<td>5</td>
<td>15</td>
</tr>
<tr>
<td>4</td>
<td><span class="highlighted-cell" title="Used in transformation" style="background-color:yellow;">finland (fin)</span></td>
<td>4</td>
<td>1</td>
<td>2</td>
<td>7</td>
</tr>
<tr>
<td><span class="highlighted-cell" title="Used in transformation" style="background-color:yellow;">5</span></td>
<td><span class="highlighted-cell" title="Used in transformation" style="background-color:#90EE90;">sweden (swe)</span></td>
<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;">0</span></td>
<td><span class="highlighted-cell" title="Used in transformation" style="background-color:yellow;">2</span></td>
<td><span class="highlighted-cell" title="Used in transformation" style="background-color:yellow;">6</span></td>
</tr>
<tr>
<td>6</td>
<td><span class="highlighted-cell" title="Used in transformation" style="background-color:yellow;">austria (aut)</span></td>
<td>3</td>
<td>5</td>
<td>2</td>
<td>10</td>
</tr>
<tr>
<td>7</td>
<td><span class="highlighted-cell" title="Used in transformation" style="background-color:yellow;">netherlands (ned)</span></td>
<td>3</td>
<td>2</td>
<td>2</td>
<td>7</td>
</tr>
<tr>
<td>8</td>
<td><span class="highlighted-cell" title="Used in transformation" style="background-color:yellow;">west germany (frg)</span></td>
<td>2</td>
<td>4</td>
<td>2</td>
<td>8</td>
</tr>
<tr>
<td>9</td>
<td><span class="highlighted-cell" title="Used in transformation" style="background-color:yellow;">united states (usa)</span></td>
<td>2</td>
<td>1</td>
<td>3</td>
<td>6</td>
</tr>
<tr>
<td>10</td>
<td><span class="highlighted-cell" title="Used in transformation" style="background-color:yellow;">italy (ita)</span></td>
<td>2</td>
<td>1</td>
<td>2</td>
<td>5</td>
</tr>
<tr>
<td><span class="highlighted-cell" title="Used in transformation" style="background-color:yellow;">13</span></td>
<td><span class="highlighted-cell" title="Used in transformation" style="background-color:#90EE90;">canada (can)</span></td>
<td><span class="highlighted-cell" title="Used in transformation" style="background-color:yellow;">0</span></td>
<td><span class="highlighted-cell" title="Used in transformation" style="background-color:yellow;">2</span></td>
<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;">5</span></td>
</tr>
</table>
</div>
<hr>
<div class="step">
<div class="step-title">Step 2: Select rows where 'gold' is 0.</div>
<div id="step-0" class="content">
<table>
<tr>
<td>rank</td>
<td>nation</td>
<td>gold</td>
<td>silver</td>
<td>bronze</td>
<td>total</td>
</tr>
<tr>
<td>5</td>
<td>sweden (swe)</td>
<td><span class="highlighted-cell" title="Used in transformation" style="background-color:yellow;">4</span></td>
<td>0</td>
<td>2</td>
<td>6</td>
</tr>
<tr>
<td><span class="highlighted-cell" title="Used in transformation" style="background-color:yellow;">13</span></td>
<td><span class="highlighted-cell" title="Used in transformation" style="background-color:yellow;">canada (can)</span></td>
<td><span class="highlighted-cell" title="Used in transformation" style="background-color:#90EE90;">0</span></td>
<td><span class="highlighted-cell" title="Used in transformation" style="background-color:yellow;">2</span></td>
<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;">5</span></td>
</tr>
</table>
</div>
</div>
<hr>
<div class="step">
<div class="step-title">Step 3: Select rows where 'silver' is 0.</div>
<div id="step-1" class="content">
<table>
<tr>
<td>rank</td>
<td>nation</td>
<td>gold</td>
<td>silver</td>
<td>bronze</td>
<td>total</td>
</tr>
<tr>
<td>13</td>
<td>canada (can)</td>
<td>0</td>
<td>2</td>
<td>3</td>
<td>5</td>
</tr>
</table>
</div>
</div>
<hr>
<div class="step">
<div class="step-title">Step 4: Select rows where 'bronze' is 0.</div>
<div id="step-2" class="content">
<table>
<tr>
<td>rank</td>
<td>nation</td>
<td>gold</td>
<td>silver</td>
<td>bronze</td>
<td>total</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 2, otherwise return FALSE.</div>
<div id="step-3" class="content">
<table>
<tr>
<td>rank</td>
<td>nation</td>
<td>gold</td>
<td>silver</td>
<td>bronze</td>
<td>total</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>FALSE</td>
</tr>
</table>
</div>
</div>
<hr>
<h3>Prediction:</span> FALSE</h3>
</body></html>