Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

seekwhens Starter

Public visualization

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

Comments

Sign in to join the discussion.

MIT Licensed