Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Force-Directed Graph V7

Public visualization

Viewing a saved revision (read-only)

4d48be90c5fa45b59796925c59e64627

Force-Directed Graph V7

0 stars1🌍 Public
Sschneich
Last edited Sep 7, 2022
Created on Aug 28, 2022

A force-directed graph visualizes application interfaces from CSV data, mapping each application to a colored circle with its name in a text label. The simulation uses d3.forceSimulation with forceManyBody, forceLink, forceCenter, and forceCollide to position nodes, while links are drawn as lines between connected applications. The code parses nodes and links from CSV files, assigns colors from a palette, and supports drag interaction to reposition nodes, restarting the simulation on each drag.

AI-generated description

Creating a force-directed graph, based on data of two csv-files.

Sources:

Text, Color, Drag: https://youtu.be/y7DxbW9nwmo?t=1696

Filter: