Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fun Family tree in d3.js

Public visualization

Fun Family tree in d3.js

0 stars0🌍 Public
Bbugfree55
Last edited Jul 10, 2022
Created on Jul 10, 2022
Forked from HTML Starter

This interactive family tree visualization in D3.js v3 displays hierarchical relationships among named individuals, with expandable and collapsible nodes. Clicking a node toggles its children, animating the tree’s layout with smooth transitions. The SVG-based chart uses `d3.layout.tree` for positioning and `d3.svg.diagonal` for curved links. Built with React, it renders circular nodes with labels and color-coded states, animating position changes via `transition` over 750 milliseconds.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.

Comments

Sign in to join the discussion.

MIT Licensed