Skip to main content
100%

Tree map ICE 8

✓ Published0🌍 Public
Pprajoth0405
Last edited Apr 4, 2022
Created on Apr 4, 2022
Forked from HTML Starter

This example shows a family tree visualization of Intel processors using an animated tree layout, with circles representing each processor and color-coded generation depth. The data is structured as parent-child pairs and converted into a hierarchy using `d3.stratify`, then positioned with `d3.tree()` which sets x and y coordinates for each node. Connections between nodes are drawn as SVG paths that animate from the source to target positions via `transition().duration()`, while descendant circles expand to a fixed radius of 38 pixels. Text labels display the processor names with bold white styling, and the whole tree is rendered in SVG within a React application using D3 v6.

AI-generated description

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

See also React Starter.

MIT Licensed

Similar vizzes