Tabular-LLM-Study-Forward-Simulation

Sleeping

App Files Files Community

luulinh90s commited on Sep 17

Commit

4ef1c1d

•

1 Parent(s): f4ba3a7

update

Browse files

Files changed (3) hide show

templates/attribution.html +3 -3
templates/experiment.html +2 -2
templates/introduction.html +5 -5

templates/attribution.html CHANGED Viewed

@@ -81,7 +81,7 @@
         <p>
             Attribution explanations highlight specific parts of a table—such as rows, columns, or cells—that are most relevant to the answer predicted by a TableQA model. These explanations help you understand which information of the input the system considered important when predicting the answer.
         </p>
-        <h2>Example: 1947 Kentucky Wildcats Football Team</h2>
         <p>
             Statement to verify: "The Wildcats kept the opposing team scoreless in 4 games."
         </p>
@@ -149,7 +149,7 @@
             <li>Within these rows, the "Opponents" column cells containing "0" or "scoreless" are highlighted in green.</li>
         </ul>
         <p>
-            These highlights indicate that the system identified four games where the opposing team did not score, verifying the statement as TRUE. The yellow highlighting shows the relevant rows, while the green highlighting represents the cells containing fine-grained information needed to verify the statement.
         </p>
         <p>
             By using different colors for highlighting, the system provides a more nuanced explanation:
@@ -159,7 +159,7 @@
             <li>Green highlights (cells): Pinpoint the exact information (opposing team's score of 0) that directly answer the question.</li>
         </ul>
         <p>
-            During the experiment, you will use explanations to simulate model prediction. Your task will be to look at the provided explanations and simulate the model prediction on the Statement (TRUE or FALSE).
         </p>
         <button onclick="location.href='{{ url_for('index') }}'">Proceed to Experiment</button>
     </div>

         <p>
             Attribution explanations highlight specific parts of a table—such as rows, columns, or cells—that are most relevant to the answer predicted by a TableQA model. These explanations help you understand which information of the input the system considered important when predicting the answer.
         </p>
+        <h2>Table caption: 1947 Kentucky Wildcats Football Team</h2>
         <p>
             Statement to verify: "The Wildcats kept the opposing team scoreless in 4 games."
         </p>
             <li>Within these rows, the "Opponents" column cells containing "0" or "scoreless" are highlighted in green.</li>
         </ul>
         <p>
+            These highlights indicate that the system identified four games where the opposing team did not score, verifying the statement as CORRECT. The yellow highlighting shows the relevant rows, while the green highlighting represents the cells containing fine-grained information needed to verify the statement.
         </p>
         <p>
             By using different colors for highlighting, the system provides a more nuanced explanation:
             <li>Green highlights (cells): Pinpoint the exact information (opposing team's score of 0) that directly answer the question.</li>
         </ul>
         <p>
+            During the experiment, you will use explanations to simulate model prediction. Your task will be to look at the provided explanations and simulate the model prediction on the Statement (CORRECT or WRONG).
         </p>
         <button onclick="location.href='{{ url_for('index') }}'">Proceed to Experiment</button>
     </div>

templates/experiment.html CHANGED Viewed

@@ -129,11 +129,11 @@
         <div class="buttons">
             <form action="{{ url_for('feedback') }}" method="post" onsubmit="showLoader()">
                 <input type="hidden" name="session_id" value="{{ session_id }}">
-                <button type="submit" name="prediction" value="TRUE">Model predicts: Correct</button>
             </form>
             <form action="{{ url_for('feedback') }}" method="post" onsubmit="showLoader()">
                 <input type="hidden" name="session_id" value="{{ session_id }}">
-                <button type="submit" name="prediction" value="FALSE">Model predicts: Wrong</button>
             </form>
         </div>
     </div>

         <div class="buttons">
             <form action="{{ url_for('feedback') }}" method="post" onsubmit="showLoader()">
                 <input type="hidden" name="session_id" value="{{ session_id }}">
+                <button type="submit" name="prediction" value="TRUE"><h1>Model predicts: Correct</h1></button>
             </form>
             <form action="{{ url_for('feedback') }}" method="post" onsubmit="showLoader()">
                 <input type="hidden" name="session_id" value="{{ session_id }}">
+                <button type="submit" name="prediction" value="FALSE"><h1>Model predicts: Wrong</h1></button>
             </form>
         </div>
     </div>

templates/introduction.html CHANGED Viewed

@@ -61,11 +61,11 @@
     <div class="container">
         <div class="intro">
             <h1>Introduction to Table Question Answering</h1>
-            <p>In this experiment, you will interact with Table Question Answering (TableQA) models. TableQA involves answering questions based on data provided in tables, similar to spreadsheets.</p>
         </div>
         <div class="sample-container">
-            <h2>Verify if the following Statement is TRUE or FALSE</h2>
             <iframe srcdoc="
             <html><head>
             <style>
@@ -90,7 +90,7 @@
             </head><body>
             <hr>
             <h3><span>Statement:</span> the wildcats kept the opposing team scoreless in four games</h3>
-            <h3>Input Table: 1947 kentucky wildcats football team</h3>
             <div class='step'>
             <table>
             <tr>
@@ -194,14 +194,14 @@
             </tr>
             </table>
             </body></html>
-            <h3>Model thinks this Statement is:</span> TRUE</h3>
             </body></html>
             "></iframe>
         </div>
         <div class="outro">
             <h2>Your Task</h2>
-            <p>Your task in this experiment is to evaluate methods that explain how a TableQA works. You will be given an explanation and asked to simulate what the TableQA model will predict (The model will verify as TRUE or FALSE).</p>
         </div>
         <div class="button-container">

     <div class="container">
         <div class="intro">
             <h1>Introduction to Table Question Answering</h1>
+            <p>In this experiment, you will interact with Table Question Answering (TableQA) models. TableQA involves answering questions based on data provided in tables.</p>
         </div>
         <div class="sample-container">
+            <h2>Verify if the following Statement is CORRECT or WRONG</h2>
             <iframe srcdoc="
             <html><head>
             <style>
             </head><body>
             <hr>
             <h3><span>Statement:</span> the wildcats kept the opposing team scoreless in four games</h3>
+            <h3>Input Table Caption: 1947 kentucky wildcats football team</h3>
             <div class='step'>
             <table>
             <tr>
             </tr>
             </table>
             </body></html>
+            <h3>Model thinks this Statement is:</span> CORRECT</h3>
             </body></html>
             "></iframe>
         </div>
         <div class="outro">
             <h2>Your Task</h2>
+            <p>Your task in this experiment is to evaluate methods that explain how a TableQA works. You will be given an explanation and asked to simulate what the TableQA model will predict (Correct or Wrong).</p>
         </div>
         <div class="button-container">