mirror of
https://github.com/nhammer514/textfiles-politics.git
synced 2025-07-22 05:58:44 -04:00
visualization
This commit is contained in:
parent
27fd3ec7f9
commit
5b9eb58aea
12 changed files with 18 additions and 2 deletions
56
docs/visualization.html
Normal file
56
docs/visualization.html
Normal file
|
@ -0,0 +1,56 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Gallery</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<link rel="stylesheet" href="CSSstyle.css">
|
||||
<script src="web_session/networks.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<!-- Credit: https://www.w3schools.com/howto/howto_js_scroll_to_top.asp -->
|
||||
<button onclick="topFunction()" id="to-top" title="Go to top"><img alt="up arrow"
|
||||
src="https://cdn.onlinewebfonts.com/svg/img_231938.png" width="30" /></button>
|
||||
<script>
|
||||
// Get the button
|
||||
let mybutton = document.getElementById("to-top");
|
||||
|
||||
// When the user scrolls down 20px from the top of the document, show the button
|
||||
window.onscroll = function () {
|
||||
scrollFunction()
|
||||
};
|
||||
|
||||
function scrollFunction() {
|
||||
if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
|
||||
mybutton.style.display = "block";
|
||||
} else {
|
||||
mybutton.style.display = "none";
|
||||
}
|
||||
}
|
||||
|
||||
// When the user clicks on the button, scroll to the top of the document
|
||||
function topFunction() {
|
||||
document.body.scrollTop = 0;
|
||||
document.documentElement.scrollTop = 0;
|
||||
}</script>
|
||||
<h1 id="title-index">Visualization</h1>
|
||||
|
||||
<nav id="menu">
|
||||
<a href="index.html"><div class="button">Home</div></a>
|
||||
<a href="fulltext.html"><div class="button">Fulltext</div></a>
|
||||
<a href="analysis.html"><div class="button">Analysis</div></a>
|
||||
<a href="visualization.html"><div class="button">Visualization</div></a>
|
||||
<a href="methods.html"><div class="button">Methods</div></a>
|
||||
<a href="about.html"><div class="button">About</div></a>
|
||||
<a href="GitHub.html"><div class="button">GitHub <img alt="github icon" src="https://logos-download.com/wp-content/uploads/2016/09/GitHub_logo.png" width="15"/></div></a>
|
||||
</nav>
|
||||
<br/>
|
||||
<div id="cy">
|
||||
|
||||
<script src="web_session/networks.js"> </script>
|
||||
<script src="web_session/styles.js"> </script>
|
||||
<script src="web_session/scripts/vendor.js"></script>
|
||||
<script src="web_session/scripts/main.js"></script>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
Loading…
Add table
Add a link
Reference in a new issue