Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Assignment #8 Node-link diagram with force-directed layout

Public visualization

Assignment #8 Node-link diagram with force-directed layout

0 stars2🌍 Public
Mmhzahdeh@dons.usfca.edu
Last edited Mar 25, 2025
Created on Mar 23, 2025

This node-link diagram visualizes the relationships among Facebook food pages, using a force-directed layout to position nodes and edges. The graph is rendered as an SVG, with nodes as blue circles and labels placed nearby. The code utilizes the D3.js v7 library, specifically leveraging the `d3.forceSimulation`, `d3.forceLink`, `d3.forceManyBody`, and `d3.forceCenter` APIs to compute the layout. The data originates from the networkrepository.com fb-pages-food dataset, loaded from `nodes.csv` and `links.csv` files. The simulation continuously updates node, label, and link positions on each tick event.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed