New Gemini models for bbox tool

simonw · simonw · commit c8706b48a4d1 · 2025-02-05T09:44:16.000-08:00
https://simonwillison.net/2025/Feb/5/gemini-2/ Plus fixed cropped image display to have a max width 100
diff --git a/gemini-bbox.html b/gemini-bbox.html
@@ -189,8 +189,6 @@
 
                         const img = document.createElement('img');
                         img.src = dataURI;
-                        img.style.width = `${Math.round(width)}px`;
-                        img.style.height = `${Math.round(height)}px`;
                         boundingBoxContainer.appendChild(img);
 
                         boundingBoxImages.appendChild(boundingBoxContainer);
@@ -292,11 +290,11 @@
             margin-top: 10px;
         }
         #boundingBoxImages {
-            display: flex;
-            flex-wrap: wrap;
-            gap: 20px;
             margin-top: 20px;
         }
+        #boundingBoxImages img {
+            max-width: 100%;
+        }
         .bounding-box-container {
             display: block;
             margin-bottom: 20px;
@@ -314,10 +312,13 @@
 <body>
     <h1>Gemini API Image Bounding Box Visualization</h1>
     <select id="modelSelect">
-        <option value="gemini-2.0-flash-exp">gemini-2.0-flash-exp</option>
+        <option value="gemini-2.0-flash">gemini-2.0-flash</option>
+        <option value="gemini-2.0-flash-lite-preview-02-05">gemini-2.0-flash-lite-preview-02-05</option>
+        <option value="gemini-2.0-pro-exp-02-05">gemini-2.0-pro-exp-02-05</option>
         <option value="gemini-1.5-pro-latest">gemini-1.5-pro</option>
         <option value="gemini-1.5-flash-latest">gemini-1.5-flash</option>
         <option value="gemini-1.5-flash-8b-latest">gemini-1.5-flash-8b</option>
+        <option value="gemini-2.0-pro-exp-01-28">gemini-2.0-pro-exp-01-28</option>
     </select>
     <input type="file" id="imageInput" accept="image/*">
     <button id="clearImageBtn">Clear Image</button>
