mrandri19/comments-as-a-graph

Read 4chan, Hacker News and reddit comments using a graph visualization.

comments-as-a-graph

Read 4chan and reddit (coming soon) comments using a graph visualization.

Try news.ycombinator.com

• Mozilla Is Hiring a Developer to Work on Thunderbird Full-Time
• 3,500 Occult Manuscripts Will Be Digitized and Made Freely Available Online
• Building an AlphaZero AI using Python and Keras

Try reddit.com

• Chrome 64 - What's New in DevTools
• GCC 7.3 Released

Try 4chan.org threads

• 42064745
• 44390482
• 44461398
• 64429683
• 9452822

How it's made

The thread is downloaded from the 4chan api, then a python script converts it into a .gv file by parsing the comments and searching for >>POST_ID references. These references become the graph's edges and the posts become the nodes. Then the file is saved in the site root. Example

The frontend's js loads the .gv file and displays it using viz.js but the viz.js was custom compiled (via emscripten) to shrink it to 1.8MB instead of 2.4MB.

The panning and zooming is provided by svg-pan-zoom and the minimap was implemented by rendering the svg graph to a canvas.