This example shows an interactive family tree visualization rendered as an SVG, with nodes labeled by family member IDs and colored according to data attributes. The tree layout uses D3 v5’s `tree()` and `hierarchy()` functions, with horizontal links drawn via `linkHorizontal()` based on the loaded JSON data. Users can pan and zoom using D3’s `zoom()` behavior, while text size varies by node depth. The visualization is built with React and renders directly into the DOM, with custom Playfair Display and Calibri fonts applied.