Knowledge Graph of the site system-design.space (Category SystemDesign)

Site knowledge graph system-design.space (Rubric #SystemDesign)

Materials on the site about system design became too much and I myself needed a tool to visualize topics, chapters and connections between them. That's how I got it. knowledge-graphwhich shows 222 chapters 820 links between them. Each node is a chapter of the book, and the line is a semantic connection between the materials. Links are built by cross-references within the content of chapters: MarginNote on the margins on the right, links from the "linked chapters" blocks at the end of chapters and links that are scattered throughout the text of the article.

I plan to add the possibility of selecting trajectories of study to this graph in the future, but for now it works easier. Clicking on the cluster in the sidebar leads to zoom and focus on chapters from that topic, and the remaining chapters are obscured Clicking on the node in the graph opens the panel with chapter details, a list of related chapters and a transition button to the material appears

• Skroll/pinch allows you to zoom. As you approach, the names of the chapters appear. Drag - you can move around the graph or if you pull on a separate node, you can move it. Colors of knots correspond to their themes (cluster) Differently marked connections within the cluster and between clusters + the links themselves directed Force-directed layout is used to draw the graph. (d3-force)Nodes repel each other, and connections attract. As a result, related chapters are nearby, and isolated ones are on the periphery.

I used this graph myself to check that I myself did not forget to add cross-links between topics. (I actually forgot, and the count let me fix it.).

#SystemDesign #Architecture #DistributedSystems #Career #Interview #Engineering