alemi/fedicharter
1
0
Fork 0
mirror of https://git.alemi.dev/fedicharter.git synced 2024-11-25 09:34:47 +01:00
Code Issues Projects Releases Packages Wiki Activity

fix: gitignored dist, removed old file

Browse source
This commit is contained in:
əlemi 2023-10-20 04:37:04 +02:00
parent 02bfc8afc7
commit dbf679ab7f
Signed by: alemi
GPG key ID: A4895B84D311642C
2 changed files with 1 additions and 68 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
.gitignore vendored
View file

@ -1 +1,2 @@
target/
dist/

68
dist/index.html vendored
View file

@ -1,68 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>akkoma bubble network</title>
<script
type="text/javascript"
src="https://unpkg.com/vis-network/standalone/umd/vis-network.min.js"
></script>
<style type="text/css">
body {
background: #111111;
}
#netgraph {
width: 100%;
height: 98vh;
}
</style>
</head>
<body>
<div id="netgraph">
<h3 style="text-align: center;" id="loader"><font color="#BF616A">crunching fedi network data, be patient...</font></h3>
</div>
<script type="text/javascript">
let nodes_array = []
let edges_array = []
let domain;
const urlParams = new URLSearchParams(window.location.search);
const domainParam = urlParams.get('domain');
if (domainParam) {
domain = domainParam;
console.log("scanning domain " + domain);
} else {
domain = window.prompt("starting instance for charting", "ihatebeinga.live");
}
fetch(`https://api.alemi.dev/akkoma/bubble/crawl?domain=${domain}`)
.then((res) => res.json().then((graph) => {
const palette = [
'#81A1C1',
'#5B6EA3',
'#7468B0',
'#84508C',
'#AF875F',
'#EBCB8B',
'#2E8757',
'#05979A',
]
for (const i in graph[0]) {
if (graph[0][i].title === domain) { graph[0][i].color = '#BF616A' }
else { graph[0][i].color = palette[Math.floor(Math.random() * palette.length)] }
}
const nodes = new vis.DataSet(graph[0]);
const edges = new vis.DataSet(graph[1]);
// create a network
const container = document.getElementById("netgraph");
const data = {
nodes: nodes,
edges: edges,
};
const options = { edges: { dashes: true, arrows: 'to' }, nodes: { color: "#bf616a", shape: "box", scaling: { min: 1, max: 500, label: { enabled: true, min: 14, max: 56 }}}};
const network = new vis.Network(container, data, options);
}))
</script>
</body>
</html>