Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Force Directed Network Graph

Public visualization

Force Directed Network Graph

0 stars0🌍 Public
DDarren Kay
Last edited Aug 14, 2023
Created on Aug 13, 2023
Forked from HTML Starter

This example shows a force-directed network graph representing companies and the connections between them. It visualizes companies as circular nodes with labels, linked by lines to show relationships. The data is loaded from `companies.json` using `d3.json`. The graph is rendered as an SVG using D3 v6, with the layout computed by `d3.forceSimulation`, which combines `d3.forceLink`, `d3.forceManyBody`, and `d3.forceCenter` to position nodes. Node icons and sector information exist in the data but are not displayed in this rendering.

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