|
<!DOCTYPE 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" /> |
|
<meta http-equiv="X-UA-Compatible" content="IE=Edge" /> |
|
<meta name="description" content="A network visualization of research papers and authors"> |
|
|
|
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" type="text/javascript"></script> |
|
|
|
|
|
<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> |
|
|
|
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.js" type="text/javascript"></script> |
|
|
|
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/pako/2.0.4/pako.min.js" type="text/javascript"></script> |
|
|
|
|
|
<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" /> |
|
|
|
|
|
<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 type="text/javascript"> |
|
|
|
const originalIntroHTML = document.getElementById('titletext').innerHTML; |
|
|
|
|
|
const observer = new MutationObserver(function(mutations) { |
|
mutations.forEach(function() { |
|
|
|
if (document.getElementById('titletext').innerHTML !== originalIntroHTML) { |
|
document.getElementById('titletext').innerHTML = originalIntroHTML; |
|
} |
|
}); |
|
}); |
|
|
|
|
|
observer.observe(document.getElementById('titletext'), { |
|
childList: true, |
|
characterData: true, |
|
subtree: true |
|
}); |
|
</script> |
|
</body> |
|
</html> |