Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

seekwhens Starter

Public visualization

Viewing a saved revision (read-only)

73f0bab33cea4a3f85ed1ec781e7d32d

seekwhens Starter

0 stars2🌍 Public
Kkiranmusze
Last edited Mar 11, 2022
Created on Mar 10, 2022
Forked from HTML Starter

This example shows a force-directed network of organizational nodes and links, with larger main nodes connected to smaller child and leaf nodes. The visualization uses d3.forceSimulation with forceManyBody, forceLink, and forceCenter to position elements, while SVG circles, text, and lines are updated on each tick. Node sizes, distances, and link strengths are defined in a separate data module, and hierarchical relationships are built programmatically through helper functions that add main, child, and leaf nodes. The rendering is entirely SVG-based, with gray circles and black links displayed on a hidden-overflow canvas.

AI-generated description