The graph visualizes 308 chapters and 2285 links between them. Each node is a chapter, and each edge is a conceptual relationship between materials.
Where do links come from?
Links are built from cross-references in chapter content: MarginNote, related chapters blocks, and in-article links between chapters.
How to use
Click a cluster in the sidebar to zoom and focus on chapters from that theme while dimming the others.
Click a node to open chapter details, related chapters, and a direct button to the material.
Scroll / pinch to zoom. Chapter names appear when you zoom in.
Drag to pan the graph or reposition individual nodes.
Node colors
Each color corresponds to one thematic theme. Same color means same theme.
Big Tech Hiring ApproachesSystem Design ApproachesSystem Design Case StudiesInterview Sources OverviewSoftware ArchitectureFoundational KnowledgeDistributed SystemsDatabases+8 more
Read status
Read: Filled node with white core
Unread: Outline node
Link types
Inside a cluster: directed links between chapters in the same theme (source → target) Between clusters: directed cross-topic links (source → target) Layout algorithm
The graph uses a force-directed layout (d3-force): nodes repel each other and links attract. Related chapters end up nearby, isolated ones stay at the periphery.
