Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

ice8

Public visualization

ice8

0 stars0🌍 Public
RRakesh Kumar Chekuri
Last edited Apr 3, 2024
Created on Apr 2, 2024

This interactive network graph visualizes a hierarchical dataset representing a company’s organizational structure, from the CEO down to individual employees. Using D3.js (v7) and React within an SVG framework, the code employs `d3.forceSimulation`, `d3.forceLink`, `d3.forceManyBody`, and `d3.forceCenter` to apply physics-based layout, with nodes colored by depth. Users can drag any node, which temporarily adjusts the simulation’s temperature via `simulation.alphaTarget` to reposition the graph interactively.

AI-generated description

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

See also React Starter.

Comments

Sign in to join the discussion.

MIT Licensed