Skip to content

Commit

Permalink
Merge pull request #1 from Marisha-Sahay/main
Browse files Browse the repository at this point in the history
Updated theme for the UI
  • Loading branch information
sorukumar authored Aug 5, 2024
2 parents bc26e83 + 9c41f8d commit 481365f
Show file tree
Hide file tree
Showing 127 changed files with 101,105 additions and 4 deletions.
51 changes: 51 additions & 0 deletions LN_chart1.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,51 @@
<!DOCTYPE html>
<html lang="en">
<body onload="includeHTML()">
<div include-html="header.html"></div>
<body id="page-top">

<!-- Page Wrapper -->
<div id="wrapper">
<div include-html="side-nav.html"></div>
<!-- Content Wrapper -->
<div id="content-wrapper" class="d-flex flex-column">

<!-- Main Content -->
<div id="content">
<div include-html="top-nav.html"></div>
<div class="container-fluid">

<!-- Page Heading -->
<h1 class="h3 mb-4 text-gray-800">Lorenz Curve for Lightning Network</h1>
<div class="card-body">
<p>Lorenz curve of LN. We have plotted the Lorenz curve based on capacity and also Channels. You will learn that 1% of top nodes control 70% of the capacity of LN</p>
</div>
<iframe src="https://sorukumar.github.io/plebdashboard/v0%3A%20for%20feedback/LorenzCurveLN20240621.html" width="100%" height="1200px" frameborder="0"></iframe>
</div>
<!-- /.container-fluid -->
</div>

<div include-html="footer.html"></div>
</div>
<!-- End of Content Wrapper -->

</div>
<!-- End of Page Wrapper -->

<!-- Scroll to Top Button-->
<a class="scroll-to-top rounded" href="#page-top">
<i class="fas fa-angle-up"></i>
</a>

<!-- Bootstrap core JavaScript-->
<script src="include.js"></script>
<script src="vendor/jquery.min.js"></script>
<script src="vendor/bootstrap.bundle.min.js"></script>

<!-- Core plugin JavaScript-->
<script src="vendor/jquery.easing.min.js"></script>

<!-- Custom scripts for all pages-->
<script src="vendor/index.min.js"></script>
</body>
</html>
51 changes: 51 additions & 0 deletions LN_chart2.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,51 @@
<!DOCTYPE html>
<html lang="en">
<body onload="includeHTML()">
<div include-html="header.html"></div>
<body id="page-top">

<!-- Page Wrapper -->
<div id="wrapper">
<div include-html="side-nav.html"></div>
<!-- Content Wrapper -->
<div id="content-wrapper" class="d-flex flex-column">

<!-- Main Content -->
<div id="content">
<div include-html="top-nav.html"></div>
<div class="container-fluid">

<!-- Page Heading -->
<h1 class="h3 mb-4 text-gray-800">Hubness Rank vs Influence Rank</h1>
<div class="card-body">
<p>Hubness rank (Betweenness) of a node plotted against Influence (Eigenvector). This chart is beneficial in figuring out a peer. It is good to imagine 4 quadrants - 'High Influence-High hubness', 'High Influence-Low hubness', 'Low Influence-High hubness', 'Low Influence-Low hubless' and think of how nodes are playing their role in the graph</p>
</div>
<iframe src="https://sorukumar.github.io/plebdashboard/v0%3A%20for%20feedback/1CentralityAllnodes20240621.html" width="100%" height="1200px" frameborder="0"></iframe>
</div>
<!-- /.container-fluid -->
</div>

<div include-html="footer.html"></div>
</div>
<!-- End of Content Wrapper -->

</div>
<!-- End of Page Wrapper -->

<!-- Scroll to Top Button-->
<a class="scroll-to-top rounded" href="#page-top">
<i class="fas fa-angle-up"></i>
</a>

<!-- Bootstrap core JavaScript-->
<script src="include.js"></script>
<script src="vendor/jquery.min.js"></script>
<script src="vendor/bootstrap.bundle.min.js"></script>

<!-- Core plugin JavaScript-->
<script src="vendor/jquery.easing.min.js"></script>

<!-- Custom scripts for all pages-->
<script src="vendor/index.min.js"></script>
</body>
</html>
51 changes: 51 additions & 0 deletions LN_chart3.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,51 @@
<!DOCTYPE html>
<html lang="en">
<body onload="includeHTML()">
<div include-html="header.html"></div>
<body id="page-top">

<!-- Page Wrapper -->
<div id="wrapper">
<div include-html="side-nav.html"></div>
<!-- Content Wrapper -->
<div id="content-wrapper" class="d-flex flex-column">

<!-- Main Content -->
<div id="content">
<div include-html="top-nav.html"></div>
<div class="container-fluid">

<!-- Page Heading -->
<h1 class="h3 mb-4 text-gray-800">Distribution of Centrality Measures</h1>
<div class="card-body">
<p>Distribution of Centrality Measures. it gives us an idea on how the LN is growing. Are certain nodes becoming gatekeepers? I'll add A write-up to make this chart more accessible</p>
</div>
<iframe src="https://sorukumar.github.io/plebdashboard/v0%3A%20for%20feedback/centrality_distributions20240426.png" width="100%" height="1200px" frameborder="0"></iframe>
</div>
<!-- /.container-fluid -->
</div>

<div include-html="footer.html"></div>
</div>
<!-- End of Content Wrapper -->

</div>
<!-- End of Page Wrapper -->

<!-- Scroll to Top Button-->
<a class="scroll-to-top rounded" href="#page-top">
<i class="fas fa-angle-up"></i>
</a>

<!-- Bootstrap core JavaScript-->
<script src="include.js"></script>
<script src="vendor/jquery.min.js"></script>
<script src="vendor/bootstrap.bundle.min.js"></script>

<!-- Core plugin JavaScript-->
<script src="vendor/jquery.easing.min.js"></script>

<!-- Custom scripts for all pages-->
<script src="vendor/index.min.js"></script>
</body>
</html>
51 changes: 51 additions & 0 deletions Node_chart1.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,51 @@
<!DOCTYPE html>
<html lang="en">
<body onload="includeHTML()">
<div include-html="header.html"></div>
<body id="page-top">

<!-- Page Wrapper -->
<div id="wrapper">
<div include-html="side-nav.html"></div>
<!-- Content Wrapper -->
<div id="content-wrapper" class="d-flex flex-column">

<!-- Main Content -->
<div id="content">
<div include-html="top-nav.html"></div>
<div class="container-fluid">

<!-- Page Heading -->
<h1 class="h3 mb-4 text-gray-800">Node Visualization</h1>
<div class="card-body">
<p>In one page, you see all the active nodes in LN. It has key node data like # of channels, total capacity, and capacity percentile. Almost everything you want to know in one page.</p>
</div>
<iframe src="https://sorukumar.github.io/plebdashboard/v0%3A%20for%20feedback/Nodevisualization20240621.html" width="100%" height="2500px" frameborder="0"></iframe>
</div>
<!-- /.container-fluid -->
</div>

<div include-html="footer.html"></div>
</div>
<!-- End of Content Wrapper -->

</div>
<!-- End of Page Wrapper -->

<!-- Scroll to Top Button-->
<a class="scroll-to-top rounded" href="#page-top">
<i class="fas fa-angle-up"></i>
</a>

<!-- Bootstrap core JavaScript-->
<script src="include.js"></script>
<script src="vendor/jquery.min.js"></script>
<script src="vendor/bootstrap.bundle.min.js"></script>

<!-- Core plugin JavaScript-->
<script src="vendor/jquery.easing.min.js"></script>

<!-- Custom scripts for all pages-->
<script src="vendor/index.min.js"></script>
</body>
</html>
51 changes: 51 additions & 0 deletions Node_chart2.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,51 @@
<!DOCTYPE html>
<html lang="en">
<body onload="includeHTML()">
<div include-html="header.html"></div>
<body id="page-top">

<!-- Page Wrapper -->
<div id="wrapper">
<div include-html="side-nav.html"></div>
<!-- Content Wrapper -->
<div id="content-wrapper" class="d-flex flex-column">

<!-- Main Content -->
<div id="content">
<div include-html="top-nav.html"></div>
<div class="container-fluid">

<!-- Page Heading -->
<h1 class="h3 mb-4 text-gray-800">Distribution of Nodes by Capacity</h1>
<div class="card-body">
<p>A bar chart on nodes grouped by capacity buckets. You can find out what % of nodes have more or less than X sats in capacity, and also what the distribution looks like.</p>
</div>
<iframe src="https://sorukumar.github.io/plebdashboard/v0%3A%20for%20feedback/NodeDistributionbyCap20240621.html" width="100%" height="1200px" frameborder="0"></iframe>
</div>
<!-- /.container-fluid -->
</div>

<div include-html="footer.html"></div>
</div>
<!-- End of Content Wrapper -->

</div>
<!-- End of Page Wrapper -->

<!-- Scroll to Top Button-->
<a class="scroll-to-top rounded" href="#page-top">
<i class="fas fa-angle-up"></i>
</a>

<!-- Bootstrap core JavaScript-->
<script src="include.js"></script>
<script src="vendor/jquery.min.js"></script>
<script src="vendor/bootstrap.bundle.min.js"></script>

<!-- Core plugin JavaScript-->
<script src="vendor/jquery.easing.min.js"></script>

<!-- Custom scripts for all pages-->
<script src="vendor/index.min.js"></script>
</body>
</html>
51 changes: 51 additions & 0 deletions Node_chart3.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,51 @@
<!DOCTYPE html>
<html lang="en">
<body onload="includeHTML()">
<div include-html="header.html"></div>
<body id="page-top">

<!-- Page Wrapper -->
<div id="wrapper">
<div include-html="side-nav.html"></div>
<!-- Content Wrapper -->
<div id="content-wrapper" class="d-flex flex-column">

<!-- Main Content -->
<div id="content">
<div include-html="top-nav.html"></div>
<div class="container-fluid">

<!-- Page Heading -->
<h1 class="h3 mb-4 text-gray-800">Distribution of Nodes by Channel</h1>
<div class="card-body">
<p>A bar chart on nodes grouped by channel count buckets. You can find out what % of nodes have more or less than X number of channels</p>
</div>
<iframe src="https://sorukumar.github.io/plebdashboard/v0%3A%20for%20feedback/NodeDistributionbyChnl20240621.html" width="100%" height="1200px" frameborder="0"></iframe>
</div>
<!-- /.container-fluid -->
</div>

<div include-html="footer.html"></div>
</div>
<!-- End of Content Wrapper -->

</div>
<!-- End of Page Wrapper -->

<!-- Scroll to Top Button-->
<a class="scroll-to-top rounded" href="#page-top">
<i class="fas fa-angle-up"></i>
</a>

<!-- Bootstrap core JavaScript-->
<script src="include.js"></script>
<script src="vendor/jquery.min.js"></script>
<script src="vendor/bootstrap.bundle.min.js"></script>

<!-- Core plugin JavaScript-->
<script src="vendor/jquery.easing.min.js"></script>

<!-- Custom scripts for all pages-->
<script src="vendor/index.min.js"></script>
</body>
</html>
48 changes: 48 additions & 0 deletions Node_chart4.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,48 @@
<!DOCTYPE html>
<html lang="en">
<body onload="includeHTML()">
<div include-html="header.html"></div>
<body id="page-top">

<!-- Page Wrapper -->
<div id="wrapper">
<div include-html="side-nav.html"></div>
<!-- Content Wrapper -->
<div id="content-wrapper" class="d-flex flex-column">

<!-- Main Content -->
<div id="content">
<div include-html="top-nav.html"></div>
<div class="container-fluid">

<!-- Page Heading -->
<h1 class="h3 mb-4 text-gray-800">List of all nodes with at least one public channel</h1>
<iframe src="https://sorukumar.github.io/plebdashboard/v0%3A%20for%20feedback/ListofNode20240306.html" width="100%" height="1200px" frameborder="0"></iframe>
</div>
<!-- /.container-fluid -->
</div>

<div include-html="footer.html"></div>
</div>
<!-- End of Content Wrapper -->

</div>
<!-- End of Page Wrapper -->

<!-- Scroll to Top Button-->
<a class="scroll-to-top rounded" href="#page-top">
<i class="fas fa-angle-up"></i>
</a>

<!-- Bootstrap core JavaScript-->
<script src="include.js"></script>
<script src="vendor/jquery.min.js"></script>
<script src="vendor/bootstrap.bundle.min.js"></script>

<!-- Core plugin JavaScript-->
<script src="vendor/jquery.easing.min.js"></script>

<!-- Custom scripts for all pages-->
<script src="vendor/index.min.js"></script>
</body>
</html>
Loading

0 comments on commit 481365f

Please sign in to comment.