Spaces:
Running
Running
| <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" /> | |
| <meta http-equiv="X-UA-Compatible" content="IE=Edge" /> | |
| <meta name="description" content="A network visualization of research papers and authors"> | |
| <!-- Load jQuery first --> | |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" type="text/javascript"></script> | |
| <!-- Load Sigma.js (exact SigmaJS version used in Model-Atlas) --> | |
| <script src="js/sigma/sigma.min.js" type="text/javascript"></script> | |
| <script src="js/sigma/sigma.parseJson.js" type="text/javascript"></script> | |
| <script src="js/sigma/plugins/sigma.plugins.filter.min.js" type="text/javascript"></script> | |
| <!-- Load fancybox for popups --> | |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.js" type="text/javascript"></script> | |
| <!-- Load pako for decompression --> | |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/pako/2.0.4/pako.min.js" type="text/javascript"></script> | |
| <!-- CSS files --> | |
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.css"/> | |
| <link rel="stylesheet" href="css/style.css" type="text/css" media="screen" /> | |
| <link rel="stylesheet" media="screen and (max-height: 770px)" href="css/tablet.css" /> | |
| <!-- Our main JavaScript file - load this after the libraries --> | |
| <script src="js/main.js" type="text/javascript"></script> | |
| </head> | |
| <body> | |
| <div class="sigma-parent"> | |
| <div class="sigma-expand" id="sigma-canvas"></div> | |
| </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 id="key-features"> | |
| <h2>Key Features</h2> | |
| <ul> | |
| <li><strong>Search:</strong> Find papers or authors by name.</li> | |
| <li><strong>Interactive Nodes:</strong> Click nodes to view details.</li> | |
| </ul> | |
| </div> | |
| <div id="legend"> | |
| <h2>Legend:</h2> | |
| <div id="colorLegend" style="display: block;"></div> | |
| </div> | |
| </div> | |
| <div class="col"> | |
| <div id="search"> | |
| <h2>Search:</h2> | |
| <div class="search-wrapper"> | |
| <input type="text" id="search-input" placeholder="Search by name"> | |
| </div> | |
| <div class="results"></div> | |
| </div> | |
| </div> | |
| <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 id="attributepane"> | |
| <div class="text"> | |
| <div class="returntext">Return to the full network</div> | |
| <div class="nodeattributes"> | |
| <div class="name">Select a node to see details</div> | |
| <div class="nodetype" style="margin-bottom: 12px;"></div> | |
| <div class="data"></div> | |
| <div class="p">Connections:</div> | |
| <div class="link"> | |
| <ul></ul> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div id="zoom"> | |
| <div class="z" rel="in"></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> |