rcaptain404@gmail.com

@rcaptain404·2 public vizzes

Network Graph - ICE8

This network graph visualizes a friendship network of ten footballers, including Haaland, Messi, and Ronaldo, using force-directed layout. The visualization loads data from `data.json` and applies `d3.forceSimulation` with `forceLink`, `forceManyBody`, `forceCollide`, and `forceCenter` to position nodes. Rendered as SVG, nodes appear as large green circles with labels, and links use arrowheads defined in SVG `defs`. Users can drag nodes interactively via D3’s drag behavior, which updates node positions in real-time.

Mar 30, 2024

Loading thumbnail…

Family Tree - ICE8

A family tree of football players displays hierarchical relationships, with nodes colored by generation: red for the root, olive, green, and navy for subsequent levels. The visualization uses D3 v6’s `d3.stratify` and `d3.tree` to compute the layout from flat `{ child, parent }` data, rendering SVG circles and labels. On load, links animate from parent coordinates to child coordinates using `transition()`, while circles grow via a separate 800-millisecond transition.

Mar 30, 2024