Skip to main content

#ReadInPublic is my attempt at sharing everything that I've found insightful–with the world.

This is a collection of all the blogs/articles, that I learnt something from, organized by month and presented as a heatmap. A much easy-on-the-eyes representation of the Knowledge Graph. If you're interested on learning what this is about, here's the origin story :D.

Start Exploring

You can even treat it as a newsletter. It gets updated with my Pocket list on 1st and 16th of every month, so do remember to visit here again.

As a long-time user of Pocket, I honor all the insightful and fascinating blogs that I come across on the internet by tagging and adding them to my Pocket list.

And every week, I go through a lot of articles on any topic that I find interesting. Today, I've accumulated over 600 700 of those, and I'm making that Pocket list available for the whole world to see–in the form of a "Knowledge Graph". So, the network graph that holds all the wonderful reads I've ever found on the internet is now live!

Go to Knowledge Graph

What's new​

Thanks to the HN community, I was able to receive feedback and suggestions. And, I've managed to work on a few of them.

  • Many found the graph too difficult to traverse and preferred to see it as a list or a tree. Well, now you can! Simply clicking on the tag nodes (the larger ones) will bring you a list all the articles associated with that tag.

  • It was brought up that the data in the knowledge graph wasn't searchable through the Algolia search bar. Interesting story: the website is (well, was...) actually indexed by Algolia Crawler and the knowledge graph being the unusual page in the website, it wasn't crawl-able. So, I retired the Crawler and manually configured the Algolia index through the pipelines. And as a result, you can now use Ctrl+K or ⌘+K to search both the tags and the articles in the knowledge graph.

Answers to the FAQs​

  • The color of the nodes do not represent anything. But their sizes are important though. The larger nodes are the tags, while the smaller ones are the links to the article.
  • The network graph is built using D3.js. Everything you see in the screen in /knowledge-graph path, minus the top navigation bar, is rendered using a ton of DOM manipulations and SCSS and Docusaurus's Infima.