Update index.html
Browse files- index.html +5 -4
index.html
CHANGED
@@ -13,7 +13,7 @@
|
|
13 |
}
|
14 |
#viz {
|
15 |
width: 100%;
|
16 |
-
height:
|
17 |
position: relative;
|
18 |
overflow: hidden;
|
19 |
}
|
@@ -69,14 +69,15 @@
|
|
69 |
<div class="intro">
|
70 |
<h1>🔮 Mapping Nieman Lab's 2025 Journalism Predictions</h1>
|
71 |
<p>This interactive visualization maps <a href="https://www.niemanlab.org/collection/predictions-2025/" target="_blank">90 predictions from Nieman Lab contributors about the future of journalism in 2025</a>, clustered by theme using natural language processing. Each point represents a prediction - click to read the original article and details.<br/>
|
72 |
-
<em>P.s.: Content from Nieman Lab is shared under a Creative Commons license.</em></p>
|
73 |
</div>
|
74 |
<div id="viz">
|
75 |
<div id="popup"></div>
|
76 |
</div>
|
77 |
|
78 |
<div id="note">
|
79 |
-
<p>
|
|
|
|
|
80 |
</p>
|
81 |
</div>
|
82 |
<script>
|
@@ -88,7 +89,7 @@ function createVisualization() {
|
|
88 |
|
89 |
// Set dynamic width and height for responsiveness
|
90 |
const width = window.innerWidth;
|
91 |
-
const height = window.innerHeight * 0.
|
92 |
|
93 |
const plot = Plot.plot({
|
94 |
width: width,
|
|
|
13 |
}
|
14 |
#viz {
|
15 |
width: 100%;
|
16 |
+
height: 70vh;
|
17 |
position: relative;
|
18 |
overflow: hidden;
|
19 |
}
|
|
|
69 |
<div class="intro">
|
70 |
<h1>🔮 Mapping Nieman Lab's 2025 Journalism Predictions</h1>
|
71 |
<p>This interactive visualization maps <a href="https://www.niemanlab.org/collection/predictions-2025/" target="_blank">90 predictions from Nieman Lab contributors about the future of journalism in 2025</a>, clustered by theme using natural language processing. Each point represents a prediction - click to read the original article and details.<br/>
|
|
|
72 |
</div>
|
73 |
<div id="viz">
|
74 |
<div id="popup"></div>
|
75 |
</div>
|
76 |
|
77 |
<div id="note">
|
78 |
+
<p>
|
79 |
+
Content from Nieman Lab is shared under a Creative Commons license.
|
80 |
+
Visualization code adapted from Hugging Face team's <a href="https://github.com/huggingface/text-clustering" target="_blank">Text Clustering example</a> and <a href="https://maartengr.github.io/BERTopic/index.html" target="_blank">BERTopic documentation</a>.
|
81 |
</p>
|
82 |
</div>
|
83 |
<script>
|
|
|
89 |
|
90 |
// Set dynamic width and height for responsiveness
|
91 |
const width = window.innerWidth;
|
92 |
+
const height = window.innerHeight * 0.7;
|
93 |
|
94 |
const plot = Plot.plot({
|
95 |
width: width,
|