fdaudens HF staff commited on
Commit
10f3532
·
verified ·
1 Parent(s): ff16919

Update index.html

Browse files
Files changed (1) hide show
  1. index.html +5 -4
index.html CHANGED
@@ -13,7 +13,7 @@
13
  }
14
  #viz {
15
  width: 100%;
16
- height: 65vh;
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>Content from Nieman Lab is shared under a Creative Commons license. Code adapted from the <a href="https://github.com/huggingface/text-clustering" target="_blank">Text Clustering one by the HF team</a> and <a href="https://maartengr.github.io/BERTopic/index.html" target="_blank">Bertopic</a>.
 
 
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.65;
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,