This example shows a force-directed graph where nodes are labeled and every edge carries a text label that follows the link’s path, with arrowheads marking direction. The visualization relies on d3.v3’s `d3.layout.force` to position nodes and update links on each tick. Edge labels are rendered by appending `<textPath>` elements to hidden `<path>` elements, which reference the edge’s ID, allowing the label to orient automatically along the line. Node positions, edge coordinates, and label locations are all updated in the force’s tick handler, and data is pulled from a hardcoded JavaScript array.