Skip to main content
๐ŸŒ Public

Share visualization

Send this visualization to others.

Fork of React Starter

Public visualization

Fork of React Starter

0 stars0๐ŸŒ Public
GGiacomo Gagliano
Last edited Jan 14, 2023
Created on Jan 13, 2023
Forked from React Starter

A force-directed network graph renders a hierarchical dataset with two main nodes, four child nodes, and 160 unnamed leaves. Node size encodes hierarchy level, while link length distinguishes parent-child connections from leaf attachments. The visualization uses React 16.13.1 for component structure and d3.v7 APIs including `forceSimulation`, `forceManyBody`, `forceLink`, and `forceCenter` to compute layout positions. SVG circles, lines, and labels are appended and updated on each simulation tick, with the graph container filling its parent element via CSS container queries.

AI-generated description

React Starter code.

Comments

Sign in to join the discussion.

MIT Licensed