[{"data":1,"prerenderedAt":7},["ShallowReactive",2],{"example-markdown-content:en:highlight-line-and-endpoints-on-click":3},{"markdown":4,"isPaidExample":5,"isTruncated":5,"charLimit":6},"# Highlight a Clicked Line and Its Endpoint Nodes\n\n## What This Example Builds\n\nThis example builds a compact top-down tree viewer where the selectable object is the relation line itself. The screen shows a wide-spaced orthogonal hierarchy with small purple node chips, visible line labels, and a floating helper window above the full-height canvas.\n\nWhen a user clicks one line, the example widens that line, switches its label chip to a dark purple treatment, and adds a ring highlight to the line'",true,500,1782615426233]