Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of React & D3 Vibecoding Starter

Public visualization

Viewing a saved revision (read-only)

6ea78618470a4737b759c6eed11272c5

Fork of React & D3 Vibecoding Starter

0 stars2🌍 Public
NNaveen Kumar Kolla
Last edited Apr 9, 2025
Created on Apr 9, 2025

A force-directed network graph reveals the hierarchical relationships among car types, transmission styles, and door counts using data from a CSV file. The visualization builds nodes for transmission types (Automatic, Semi-Automatic, Manual) and their associated door variations, linking them in a tree-like structure. Using d3.forceSimulation with forceLink, forceManyBody, and forceCenter, the SVG elements (circles, lines, and text labels) update positions on each tick. Nodes are color-coded by category—red for the root, steelblue for transmissions, and orange for door counts—and are interactive through d3.drag.

AI-generated description