Line-Following HTML DIV Overlay
This example shows how to convert a selected relation-graph edge into CSS motion-path data and attach real HTML overlays above the canvas. It highlights the chosen line, refreshes the path after clicks and node drags, and lets users switch between animated travel and fixed positions along the line.
Line-Following HTML Overlay on a Graph Edge
What This Example Builds
This example renders a compact center-layout graph on a dark, neon-styled canvas and keeps one edge selected by default. The selected edge receives a brighter animated highlight, custom arrow markers at both ends, and two HTML ornaments rendered above the canvas: a main DIV that can move along the edge or stop at a fixed percentage, and a smaller particle that continuously travels the same path.
Users can click another l