Spaces:

hesamation
/

Daily-Papers-Atlas

Sleeping

App Files Files Community

hesamation commited on Apr 3

Commit

934d8c3

1 Parent(s): 1e6e2b3

fixed intro and description

Browse files

Files changed (6) hide show

README.md +1 -1
config.json +3 -3
css/style.css +12 -0
index.html +27 -4
js/main.js +5 -4
js/paper-atlas.js +5 -2

README.md CHANGED Viewed

@@ -1,4 +1,4 @@
-# Daily Papers Atlas
 The atlas visualization demo of the daily papers listed in [Hugging Face Daily Papers](https://huggingface.co/papers).


1	+ # 🤗 Daily Papers Atlas
2
3	The atlas visualization demo of the daily papers listed in [Hugging Face Daily Papers](https://huggingface.co/papers).
4

config.json CHANGED Viewed

@@ -5,12 +5,12 @@
   "logo": {
     "file": "",
     "link": "",
-    "text": "Daily Paper Atlas"
   },
   "text": {
     "more": "<p><strong>About:</strong> This visualization represents a network of research papers and authors, showing connections and relationships between them. The network is based on the graph.graphml file and converted to a format suitable for web visualization.</p>",
-    "intro": "A visualization of research papers and authors network. This interactive map shows relationships between papers and the researchers who created them.",
-    "title": "Daily Paper Atlas"
   },
   "legend": {
     "edgeLabel": "Connection",

   "logo": {
     "file": "",
     "link": "",
+    "text": "🤗 Daily Papers Atlas"
   },
   "text": {
     "more": "<p><strong>About:</strong> This visualization represents a network of research papers and authors, showing connections and relationships between them. The network is based on the graph.graphml file and converted to a format suitable for web visualization.</p>",
+    "intro": "A demo network of the top research papers in Machine Learning featured in <a href='https://huggingface.co/papers' target='_blank'>Hugging Face Daily Papers</a>.<br>The full report and project: <a href='https://github.com/hesamsheikh/daily-papers-analysis' target='_blank'>GitHub</a>",
+    "title": "🤗 Daily Papers Atlas"
   },
   "legend": {
     "edgeLabel": "Connection",

css/style.css CHANGED Viewed

@@ -265,6 +265,18 @@ canvas#sigma_bg_1 {
 #titletext {
   margin-bottom: 20px;
   line-height: 1.5;
 }
 .info {

 #titletext {
   margin-bottom: 20px;
   line-height: 1.5;
+  display: block;
+  width: 100%;
+}
+#titletext a {
+  color: #007AFF;
+  text-decoration: underline;
+  cursor: pointer;
+}
+#titletext a:hover {
+  text-decoration: none;
 }
 .info {

index.html CHANGED Viewed

@@ -2,7 +2,7 @@
 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-gb" lang="en" xmlns:og="http://opengraphprotocol.org/schema/" xmlns:fb="http://www.facebook.com/2008/fbml" itemscope itemtype="http://schema.org/Map">
 <head>
-<title>Daily Paper Atlas</title>
 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width,height=device-height,initial-scale=1,user-scalable=no" />
@@ -39,8 +39,8 @@
   </div>
   <div id="mainpanel">
     <div class="col">
-      <div id="title">Daily Paper Atlas</div>
-      <div id="titletext">A visualization of research papers and authors network. This interactive map shows relationships between papers and the researchers who created them.</div>
     </div>
     <div class="col">
@@ -70,7 +70,7 @@
     <div class="col footer">
       <div class="credits">
-        Web rendering powered by <a href="https://sigmajs.org/" target="_blank">SigmaJS</a>. Developed by Daily Paper Atlas Team.
       </div>
     </div>
   </div>
@@ -95,5 +95,28 @@
     <div class="z" rel="out"></div>
     <div class="z" rel="center"></div>
   </div>
 </body>
 </html>

 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-gb" lang="en" xmlns:og="http://opengraphprotocol.org/schema/" xmlns:fb="http://www.facebook.com/2008/fbml" itemscope itemtype="http://schema.org/Map">
 <head>
+<title>🤗 Daily Papers Atlas</title>
 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width,height=device-height,initial-scale=1,user-scalable=no" />
   </div>
   <div id="mainpanel">
     <div class="col">
+      <div id="title">🤗 Daily Papers Atlas</div>
+      <div id="titletext">A demo network of the top research papers in Machine Learning featured in <a href='https://huggingface.co/papers' target='_blank'>Hugging Face Daily Papers</a>.<br>Report and Project: <a href='https://github.com/hesamsheikh/daily-papers-analysis' target='_blank'>GitHub</a></div>
     </div>
     <div class="col">
     <div class="col footer">
       <div class="credits">
+        Graph visualization by <a href="https://gephi.org/" target="_blank">Gephi</a> and rendered for web by <a href="https://sigmajs.org/" target="_blank">SigmaJS</a>..
       </div>
     </div>
   </div>
     <div class="z" rel="out"></div>
     <div class="z" rel="center"></div>
   </div>
+  <!-- Script to protect the intro text from being modified by any scripts -->
+  <script type="text/javascript">
+    // Get the original content that we want to preserve
+    const originalIntroHTML = document.getElementById('titletext').innerHTML;
+    // Create a MutationObserver to detect any changes to the element
+    const observer = new MutationObserver(function(mutations) {
+      mutations.forEach(function() {
+        // If the content has changed, restore it
+        if (document.getElementById('titletext').innerHTML !== originalIntroHTML) {
+          document.getElementById('titletext').innerHTML = originalIntroHTML;
+        }
+      });
+    });
+    // Start observing the title text element
+    observer.observe(document.getElementById('titletext'), {
+      childList: true,
+      characterData: true,
+      subtree: true
+    });
+  </script>
 </body>
 </html>

js/main.js CHANGED Viewed

@@ -19,7 +19,7 @@ let nodeTypes = {
 // Initialize when document is ready
 $(document).ready(function() {
-  console.log("Document ready, initializing Daily Paper Atlas");
   // Initialize attribute pane
   $('#attributepane').css('display', 'none');
@@ -28,9 +28,10 @@ $(document).ready(function() {
   $.getJSON('config.json', function(data) {
     console.log("Configuration loaded:", data);
     config = data;
-    document.title = config.text.title || 'Daily Paper Atlas';
-    $('#title').text(config.text.title || 'Daily Paper Atlas');
-    $('#titletext').text(config.text.intro || '');
     // Update the path to load data from the data folder
     if (config.data && !config.data.startsWith('data/')) {

 // Initialize when document is ready
 $(document).ready(function() {
+  console.log("Document ready, initializing 🤗 Daily Papers Atlas");
   // Initialize attribute pane
   $('#attributepane').css('display', 'none');
   $.getJSON('config.json', function(data) {
     console.log("Configuration loaded:", data);
     config = data;
+    document.title = config.text.title || '🤗 Daily Papers Atlas';
+    $('#title').text(config.text.title || '🤗 Daily Papers Atlas');
+    // Don't modify the intro text at all - using hardcoded HTML
     // Update the path to load data from the data folder
     if (config.data && !config.data.startsWith('data/')) {

js/paper-atlas.js CHANGED Viewed

@@ -23,8 +23,11 @@ $(document).ready(function() {
   // Load configuration
   $.getJSON('config.json', function(data) {
     config = data;
-    document.title = config.title || 'Daily Paper Atlas';
-    $('#title').text(config.title || 'Daily Paper Atlas');
     loadGraph();
   });

   // Load configuration
   $.getJSON('config.json', function(data) {
     config = data;
+    document.title = config.title || '🤗 Daily Papers Atlas';
+    $('#title').text(config.title || '🤗 Daily Papers Atlas');
+    // Don't modify the intro text at all - using hardcoded HTML
     loadGraph();
   });