add sota

gpt4vision · Dec 11, 2023 · b77a8a9 · b77a8a9
1 parent 9ada933
commit b77a8a9
Show file tree

Hide file tree

Showing 2 changed files with 77 additions and 10 deletions.
diff --git a/index.html b/index.html
@@ -52,6 +52,36 @@ <h2> Method </h2>
         <p><b>Textual representation of image data</b>: localised objects, holistic & region-specific narratives. </p>
         <p><b>Task-specific (SGG-aware) Prompt</b>: synthesize scene graphs based on the textual input for image data. </p> 	  
     </section>
+    <section>
+        <h2> SGG-aware Instruction-following Data </h2>
+        <div class="flex-container">
+            <table class="styled-table">
+              <thread>
+                <td>File</td>
+                <td>MD5SUM</td>
+                <td>Description</td>
+              </thread>
+              <tbody>
+                <tr>
+                    <td>coco_iou_instruct.jsonl</td>
+                    <td> </td>
+                    <td>Raw Input/Output for GPT-4</td>
+                </tr>
+                <tr>
+                  <td>coco_sg_gpt.json</td>
+                  <td> </td>
+                  <td>COCO-SG@GPT dataset</td>
+                </tr>
+              </tbody>
+            </table>
+        </div>        
+    </section>
+    <section>
+        <h2> Comparison with state-of-the-arts on VG150 test set </h2>
+        <div class="flex-container">
+           <img src="resources/perf.png" style="width:70%;height:auto;" alt="comparison with sota">
+        </div>
+    </section>
     <section>
         <h2> Example of GPT4SGG </h2>
         <div class="flex-container">
@@ -69,14 +99,14 @@ <h2> BibTeX </h2>
 	<p> Please cite <b><span class="italic-text" style="color: #000080;">GPT4SGG</span></b> in your publications if it helps your research: </p>
 	<button onclick="copyToClipboard()">Copy to Clipboard</button>
 	<pre><code id="codeBlock">
-	@misc{chen2023gpt4sgg,
-	      title={GPT4SGG: Synthesizing Scene Graphs from Holistic and Region-specific Narratives}, 
-	      author={Zuyao Chen and Jinlin Wu and Zhen Lei and Zhaoxiang Zhang and Changwen Chen},
-	      year={2023},
-	      eprint={2312.04314},
-	      archivePrefix={arXiv},
-	      primaryClass={cs.CV}
-	}</code></pre>
+@misc{chen2023gpt4sgg,
+      title={GPT4SGG: Synthesizing Scene Graphs from Holistic and Region-specific Narratives}, 
+      author={Zuyao Chen and Jinlin Wu and Zhen Lei and Zhaoxiang Zhang and Changwen Chen},
+      year={2023},
+      eprint={2312.04314},
+      archivePrefix={arXiv},
+      primaryClass={cs.CV}
+}</code></pre>
   <!-- JavaScript -->
   <script>
     function copyToClipboard() {
@@ -94,7 +124,7 @@ <h2> BibTeX </h2>
     }
   </script>
     </section>
-     <div class="flex-container" style="width:35%;height:auto;">
+     <div class="flex-container" style="margin-left:200px; margin-right:200px;width:35%;height:auto;">
     	<script type="text/javascript" id="clustrmaps" src="//clustrmaps.com/map_v2.js?d=5T7TMJjrPpjnLv9T9NCEXRTSCqmcMrY-9ko6oydEsP0&cl=ffffff&w=a"></script>
      </div>
     <footer>

diff --git a/style.css b/style.css
@@ -9,10 +9,13 @@ footer {
     margin: 20px;
     padding: 15px;
     border: 1px solid #ddd;
+    margin-left: 200px;
+    margin-right: 200px;
+    border-radius: 10px;
 }
 
 section {
-    margin: 200px;
+    margin: 50px;
     margin-left: 200px;
     margin-right: 200px;
 }
@@ -109,6 +112,7 @@ pre {
   background-color: #f4f4f4; /* light grey background */
   border: 1px solid #ddd; /* light grey border */
   padding: 10px;
+  border-radius: 10px;
 }
 
 code {
@@ -122,3 +126,36 @@ code {
   align-items: center;
 }
 
+.styled-table {
+    border-collapse: collapse;
+    margin: 25px 0;
+    font-size: 0.9em;
+    font-family: sans-serif;
+    min-width: 400px;
+    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
+}
+
+.styled-table thead tr {
+    background-color: #009879;
+    color: #ffffff;
+    text-align: left;
+}
+
+.styled-table th,
+.styled-table td {
+    padding: 12px 15px;
+    border-right: 1px solid #dddddd; /* This adds the vertical line */
+}
+
+.styled-table tbody tr {
+    border-bottom: 1px solid #dddddd;
+}
+
+.styled-table tbody tr:nth-of-type(even) {
+    background-color: #f3f3f3;
+}
+
+.styled-table tbody tr:last-of-type {
+    border-bottom: 2px solid #009879;
+}
+