Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Assignment 8 Force-Directed Node-Link Diagram

Public visualization

Viewing a saved revision (read-only)

3bacd9f42d7c4e469e8a7155e60193be

Assignment 8 Force-Directed Node-Link Diagram

0 stars1🌍 Public
Aahuynh8@dons.usfca.edu
Last edited Apr 2, 2024
Created on Mar 26, 2024

This force-directed node-link diagram visualizes a food network, with nodes representing individual food items and links showing relationships between them. The graph uses a physical simulation to position nodes, which are drawn as small green circles connected by black lines, and includes tooltips for interaction. The visualization is rendered with D3 v6, using `d3.forceSimulation` with `d3.forceCenter`, `d3.forceManyBody`, and `d3.forceLink` to drive the layout. Data is loaded from two external CSV files containing node and edge definitions, with the SVG output sized at 2500 by 2000 pixels.

AI-generated description

CS 360 Assignment 7 Heat Map with Tooltips

Annie Huynh

CSV URL:https://raw.githubusercontent.com/Ahuynh111/gist-practice/main/fvPrices.csv

Note: Different data set from previous assignments