Hugging Face's logo

Spaces:
Alcime
/
trump_maps
Running

App Files Community
Alcime commited on
Commit
ed7925c
·
verified ·
1 Parent(s): b1f1564

Update index.html

Browse files
Files changed (1) hide show
  1. index.html +83 -1
index.html CHANGED
@@ -35,6 +35,31 @@
35
  height: 100%;
36
  border: none;
37
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
38
  </style>
39
  </head>
40
  <body>
@@ -110,9 +135,22 @@
110
  <p><strong>Interpretation:</strong> There is a statistically significant difference in topic distribution across political sides.</p>
111
  </div>
112
  </div>
 
 
 
 
 
 
 
 
 
 
 
 
 
113
  </div>
114
 
115
- <!-- New Analysis Section -->
116
  <div class="analysis-section">
117
  <h2>Trump vs Harris Speech Analysis</h2>
118
  <h3>Dimension Comparisons</h3>
@@ -153,6 +191,50 @@
153
  </div>
154
  </div>
155
  </div>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
156
  </div>
157
 
158
  <div id="mapModal" class="modal">
 
35
  height: 100%;
36
  border: none;
37
  }
38
+ /* New styles for LLM comparison section */
39
+ .llm-comparison {
40
+ margin-top: 40px;
41
+ }
42
+ .llm-grid {
43
+ display: grid;
44
+ grid-template-columns: repeat(2, 1fr);
45
+ gap: 20px;
46
+ margin-bottom: 20px;
47
+ }
48
+ .llm-item {
49
+ background: white;
50
+ border-radius: 8px;
51
+ padding: 15px;
52
+ box-shadow: 0 2px 4px rgba(0,0,0,0.1);
53
+ }
54
+ .llm-item img {
55
+ width: 100%;
56
+ height: auto;
57
+ border-radius: 4px;
58
+ }
59
+ .llm-item h4 {
60
+ margin: 10px 0;
61
+ color: #333;
62
+ }
63
  </style>
64
  </head>
65
  <body>
 
135
  <p><strong>Interpretation:</strong> There is a statistically significant difference in topic distribution across political sides.</p>
136
  </div>
137
  </div>
138
+ <!-- New Multi-President Analysis -->
139
+ <div class="map-item">
140
+ <div class="map-preview">
141
+ <iframe src="multi_pres_mpnet_4prez.html"></iframe>
142
+ <div class="map-overlay">
143
+ <a href="#" class="view-button" data-map="multi_pres_mpnet_4prez.html">View Map</a>
144
+ </div>
145
+ </div>
146
+ <div class="map-info">
147
+ <h2>Multi-President Speech Analysis</h2>
148
+ <p>Comparative analysis of speeches from Trump, Reagan, Obama, and Roosevelt using all-mpnet-base-v2 model with 15 clusters.</p>
149
+ </div>
150
+ </div>
151
  </div>
152
 
153
+ <!-- Analysis Section -->
154
  <div class="analysis-section">
155
  <h2>Trump vs Harris Speech Analysis</h2>
156
  <h3>Dimension Comparisons</h3>
 
191
  </div>
192
  </div>
193
  </div>
194
+
195
+ <!-- LLM vs Human Labeling Comparison Section -->
196
+ <div class="llm-comparison">
197
+ <h2>LLM vs Human Labeling Comparison</h2>
198
+ <h3>Harris Defeat Speech Analysis</h3>
199
+ <div class="llm-grid">
200
+ <div class="llm-item">
201
+ <img src="Unity message - Harris defeat speech.png" alt="Unity Message Analysis - Harris">
202
+ <h4>Unity Message Analysis</h4>
203
+ </div>
204
+ <div class="llm-item">
205
+ <img src="Emotional resonance - Harris defeat speech.png" alt="Emotional Resonance Analysis - Harris">
206
+ <h4>Emotional Resonance Analysis</h4>
207
+ </div>
208
+ <div class="llm-item">
209
+ <img src="Future vision - Harris defeat speech.png" alt="Future Vision Analysis - Harris">
210
+ <h4>Future Vision Analysis</h4>
211
+ </div>
212
+ <div class="llm-item">
213
+ <img src="Power projection - Harris defeat speech.png" alt="Power Projection Analysis - Harris">
214
+ <h4>Power Projection Analysis</h4>
215
+ </div>
216
+ </div>
217
+
218
+ <h3>Trump Victory Speech Analysis</h3>
219
+ <div class="llm-grid">
220
+ <div class="llm-item">
221
+ <img src="Unity message - Trump Victory speech.png" alt="Unity Message Analysis - Trump">
222
+ <h4>Unity Message Analysis</h4>
223
+ </div>
224
+ <div class="llm-item">
225
+ <img src="Pwer projection - Trump victory speech.png" alt="Power Projection Analysis - Trump">
226
+ <h4>Power Projection Analysis</h4>
227
+ </div>
228
+ <div class="llm-item">
229
+ <img src="Emotional resonance - Trump Victory speech.png" alt="Emotional Resonance Analysis - Trump">
230
+ <h4>Emotional Resonance Analysis</h4>
231
+ </div>
232
+ <div class="llm-item">
233
+ <img src="Future vision- Trump Victory speech.png" alt="Future Vision Analysis - Trump">
234
+ <h4>Future Vision Analysis</h4>
235
+ </div>
236
+ </div>
237
+ </div>
238
  </div>
239
 
240
  <div id="mapModal" class="modal">