Update index.html

index.html

@@ -273,7 +273,7 @@
                 <div class="metric-card">
                     <h4>Speed Comparison</h4>
                     <p>GPT-2 is faster at ~47 tok/sec compared to SnowflakeCore's ~22-23 tok/sec.</p>
-                </div>
+                </p>
             </div>
         </div>
 
@@ -317,14 +317,14 @@
                     {
                         label: 'Bigram',
                         data: [0.61, 0.74, 0.63],
-                        backgroundColor: 'rgba(139, 233, 253, 0.7)', /* Light blue for dark theme */
+                        backgroundColor: 'rgba(139, 233, 253, 0.7)', /* Consistent light blue */
                         borderColor: 'rgba(139, 233, 253, 1)',
                         borderWidth: 1
                     },
                     {
                         label: 'Trigram',
                         data: [0.74, 0.87, 0.79],
-                        backgroundColor: 'rgba(80, 250, 123, 0.7)', /* Green for dark theme */
+                        backgroundColor: 'rgba(80, 250, 123, 0.7)', /* Consistent green */
                         borderColor: 'rgba(80, 250, 123, 1)',
                         borderWidth: 1
                     }
@@ -337,7 +337,7 @@
                     legend: {
                         position: 'top',
                         labels: {
-                            color: '#e0e0e0' /* Light legend text */
+                            color: '#e0e0e0'
                         }
                     },
                     tooltip: {
@@ -349,10 +349,10 @@
                 scales: {
                     x: {
                         ticks: {
-                            color: '#e0e0e0' /* Light x-axis labels */
+                            color: '#e0e0e0'
                         },
                         grid: {
-                            color: 'rgba(255, 255, 255, 0.1)' /* Subtle grid lines */
+                            color: 'rgba(255, 255, 255, 0.1)'
                         }
                     },
                     y: {
@@ -361,10 +361,10 @@
                         title: {
                             display: true,
                             text: 'Distinct N-gram Ratio',
-                            color: '#e0e0e0' /* Light y-axis title */
+                            color: '#e0e0e0'
                         },
                         ticks: {
-                            color: '#e0e0e0' /* Light y-axis labels */
+                            color: '#e0e0e0'
                         },
                         grid: {
                             color: 'rgba(255, 255, 255, 0.1)'
@@ -383,16 +383,8 @@
                 datasets: [{
                     label: 'Tokens per Second',
                     data: [22, 23, 47],
-                    backgroundColor: [
-                        'rgba(255, 121, 198, 0.7)', /* Pink for GT-Tiny */
-                        'rgba(255, 184, 108, 0.7)', /* Orange for GT-Tiny2 */
-                        'rgba(139, 233, 253, 0.7)'  /* Blue for GPT-2 */
-                    ],
-                    borderColor: [
-                        'rgba(255, 121, 198, 1)',
-                        'rgba(255, 184, 108, 1)',
-                        'rgba(139, 233, 253, 1)'
-                    ],
+                    backgroundColor: 'rgba(139, 233, 253, 0.7)', /* Single color for all bars */
+                    borderColor: 'rgba(139, 233, 253, 1)',
                     borderWidth: 1
                 }]
             },
@@ -446,14 +438,14 @@
                     {
                         label: 'Bigram',
                         data: [0.39, 0.26, 0.36],
-                        backgroundColor: 'rgba(189, 147, 249, 0.7)', /* Purple for dark theme */
+                        backgroundColor: 'rgba(189, 147, 249, 0.7)', /* Consistent purple */
                         borderColor: 'rgba(189, 147, 249, 1)',
                         borderWidth: 1
                     },
                     {
                         label: 'Trigram',
                         data: [0.25, 0.12, 0.21],
-                        backgroundColor: 'rgba(255, 85, 85, 0.7)', /* Red for dark theme */
+                        backgroundColor: 'rgba(255, 85, 85, 0.7)', /* Consistent red */
                         borderColor: 'rgba(255, 85, 85, 1)',
                         borderWidth: 1
                     }
@@ -512,16 +504,8 @@
                 datasets: [{
                     label: 'Vocabulary Diversity Ratio',
                     data: [0.28, 0.34, 0.26],
-                    backgroundColor: [
-                        'rgba(241, 250, 140, 0.7)', /* Yellow for GT-Tiny */
-                        'rgba(80, 250, 123, 0.7)',  /* Green for GT-Tiny2 */
-                        'rgba(255, 184, 108, 0.7)'  /* Orange for GPT-2 */
-                    ],
-                    borderColor: [
-                        'rgba(241, 250, 140, 1)',
-                        'rgba(80, 250, 123, 1)',
-                        'rgba(255, 184, 108, 1)'
-                    ],
+                    backgroundColor: 'rgba(80, 250, 123, 0.7)', /* Single color for all bars */
+                    borderColor: 'rgba(80, 250, 123, 1)',
                     borderWidth: 1
                 }]
             },