Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Network Graph

Public visualization

Viewing a saved revision (read-only)

76243805b64c4b59a3c61bcc6a92786c

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.