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 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" /> | |
<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 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"> | |
<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 id="search-button">→</div> | |
</div> | |
<div class="results"></div> | |
</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"></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> | |
<div id="developercontainer"> | |
Web rendering powered by <a href="https://sigmajs.org/" target="_blank">SigmaJS</a>. Developed by Daily Paper Atlas Team. | |
</div> | |
</body> | |
</html> |