This example visualizes a knowledge graph of educational data components, showing 13 labeled nodes organized into five color-coded groups connected by directional links with arrowheads. A force-directed layout positions nodes using `d3.forceSimulation` with `d3.forceX` and `d3.forceY` forces that group nodes by their taxonomic category, while `d3.forceManyBody` adds repulsion and `d3.forceCollide` prevents overlap. The SVG rendering includes markers for arrowheads, edge paths for label placement via `textPath`, and drag behavior for interactive node movement. The dataset is defined in a separate `data.js` file containing nodes and links.