Hugging Face's logo

Spaces:
crc-sprout
/
ClimateLens
Sleeping

App Files Community
KrispyKarim commited on
Commit
975c84a
·
verified ·
1 Parent(s): 55ccb36

Upload 6 files

Browse files
Files changed (6) hide show
  1. .streamlit/config.toml +13 -0
  2. visualizations/interactives/sample_barchart.html +40 -0
  3. visualizations/interactives/sample_intertopic_map.html +32 -0
  4. visualizations/sentiment_insights/sentiment_distribution/anticonsumption_comments_sentiment_pie.png +0 -0
  5. visualizations/sentiment_insights/sentiment_distribution/sample_sentiment_distribution.png +0 -0
  6. visualizations/sentiment_insights/sentiment_probability_histograms/negative_confidence_histogram.png +0 -0
.streamlit/config.toml ADDED
@@ -0,0 +1,13 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ [server]
2
+ headless = true
3
+ address = "0.0.0.0"
4
+ port = 7860
5
+ enableCORS = false
6
+ enableWebsocketCompression = false
7
+
8
+ [browser]
9
+ gatherUsageStats = false
10
+ showErrorDetails = false
11
+
12
+ [theme]
13
+ base = "light"
visualizations/interactives/sample_barchart.html ADDED
@@ -0,0 +1,40 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html>
3
+ <head>
4
+ <title>Sample Topic Sizes Barchart</title>
5
+ <style>
6
+ body { font-family: Arial, sans-serif; padding: 20px; }
7
+ .bar { margin: 10px 0; display: flex; align-items: center; }
8
+ .bar-fill { height: 30px; background-color: #3498db; color: white;
9
+ display: flex; align-items: center; padding: 0 10px; }
10
+ .bar-label { margin-left: 10px; font-weight: bold; }
11
+ </style>
12
+ </head>
13
+ <body>
14
+ <h2>Climate Topics by Discussion Volume</h2>
15
+ <p>This chart shows which climate topics are discussed most frequently.</p>
16
+
17
+ <div class="bar">
18
+ <div class="bar-fill" style="width: 300px;">Climate Policy</div>
19
+ <div class="bar-label">45%</div>
20
+ </div>
21
+ <div class="bar">
22
+ <div class="bar-fill" style="width: 250px;">Future Concerns</div>
23
+ <div class="bar-label">38%</div>
24
+ </div>
25
+ <div class="bar">
26
+ <div class="bar-fill" style="width: 200px;">Renewable Energy</div>
27
+ <div class="bar-label">30%</div>
28
+ </div>
29
+ <div class="bar">
30
+ <div class="bar-fill" style="width: 150px;">Climate Science</div>
31
+ <div class="bar-label">22%</div>
32
+ </div>
33
+ <div class="bar">
34
+ <div class="bar-fill" style="width: 100px;">Individual Action</div>
35
+ <div class="bar-label">15%</div>
36
+ </div>
37
+
38
+ <p><em>Note: This is a sample visualization. Real data will show actual topic distributions.</em></p>
39
+ </body>
40
+ </html>
visualizations/interactives/sample_intertopic_map.html ADDED
@@ -0,0 +1,32 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html>
3
+ <head>
4
+ <title>Sample Intertopic Distance Map</title>
5
+ <style>
6
+ body { font-family: Arial, sans-serif; padding: 20px; }
7
+ .bubble {
8
+ width: 50px; height: 50px; border-radius: 50%;
9
+ display: inline-block; margin: 10px;
10
+ text-align: center; line-height: 50px;
11
+ color: white; font-weight: bold;
12
+ }
13
+ .topic1 { background-color: #3498db; }
14
+ .topic2 { background-color: #e74c3c; }
15
+ .topic3 { background-color: #2ecc71; }
16
+ .topic4 { background-color: #f39c12; }
17
+ </style>
18
+ </head>
19
+ <body>
20
+ <h2>Sample Intertopic Distance Map</h2>
21
+ <p>This visualization shows how different climate topics relate to each other spatially.</p>
22
+
23
+ <div style="position: relative; height: 300px; border: 1px solid #ccc;">
24
+ <div class="bubble topic1" style="position: absolute; top: 50px; left: 100px;">Policy</div>
25
+ <div class="bubble topic2" style="position: absolute; top: 80px; left: 200px;">Activism</div>
26
+ <div class="bubble topic3" style="position: absolute; top: 150px; left: 50px;">Science</div>
27
+ <div class="bubble topic4" style="position: absolute; top: 200px; left: 250px;">Future</div>
28
+ </div>
29
+
30
+ <p><em>Note: This is a sample visualization. Real data will show actual topic relationships.</em></p>
31
+ </body>
32
+ </html>
visualizations/sentiment_insights/sentiment_distribution/anticonsumption_comments_sentiment_pie.png ADDED
visualizations/sentiment_insights/sentiment_distribution/sample_sentiment_distribution.png ADDED
visualizations/sentiment_insights/sentiment_probability_histograms/negative_confidence_histogram.png ADDED