Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Network Graph

Public visualization

Viewing a saved revision (read-only)

4dba060b113a4cd3b34d26474ace9811

Network Graph

0 stars0🌍 Public
Kkranthireddyskr
Last edited Apr 3, 2022
Created on Apr 3, 2022

This network graph visualizes relationships among car brands, with nodes representing Volkswagen, Audi, Skoda, Porsche, Bentley, and Bugatti, and links indicating connections weighted by strength. The code uses d3.layout.force (from d3.v2/v4) to simulate a force-directed layout, rendering SVG circles and text labels for nodes and pink lines for links. Link thickness scales with the square root of the weight from graphFile.json, and nodes are draggable via force.drag. The graph updates positions on each tick event, translating node groups and adjusting link endpoints.

AI-generated description

See also React Starter.