pull down to refresh

Something I worked on over the weekend ^_^
It shows the largest connected component of the network generated from Stacker News posts, connected via internal SN links.
(Posts not connected to this largest connected component are not included)
I'm especially proud of the spiraling effect, which I accomplished using a compression algorithm to push nodes out from the center and pull them inwards from the outer rim, and then creating a spiral effect so make the overall graph more circular.
It went from this:
To this:
reply
30 sats \ 1 reply \ @0xbitcoiner 3h
Awesome, nice work! Are ~Stacker_Sports and ~AI out on the edges because they don't connect as well with the other territorys?
reply
Yeah I think so. ~AI has multiple clusters of points due to @optimism's weekly summary posts, each one generates one of these clusters.
~Stacker_Sports tends to have these long chains because I think they run a lot of contests with update posts that reference the previous post.
~science's daily puzzles also led to this effect
reply
Cool! What's the toolchain?
reply
python, networkx, and pygraphviz to build the graph and node positions.
A custom algorithm to create the spiraling effect
just html and cytoscape to create the app
hosted on github pages
I used AI to help me out a lot. Most of the index.html was built by ChatGPT/Claude, but I did have to do a lot of customization afterwards.
reply
30 sats \ 1 reply \ @falsefaucet 1h
really cool visual representation of the site!
thought this was kinda ironic, uppermost node with only one connection that you could say, unravels from there to the rest and its a post about a circle puzzle
reply
Haha what a fun coincidence
reply
30 sats \ 0 replies \ @Sandman 2h
That's a nice work there!
reply