🌍 Public
Viewing a saved revision (read-only)
aff32f02d917488aad5dc39e018a6b6c
Assignment 8 Node-link diagram
Hhxu51@usfca.edu
Last edited Mar 26, 2025
Created on Mar 24, 2025
This example shows a circular node-link diagram of food-related entities, with edges between connected nodes bundled together to reduce visual clutter. It uses d3.csv to load food_nodes.csv and food_edges.csv, then renders the structure with d3.hierarchy and d3.cluster to position nodes radially. The visualization uses d3.lineRadial with a curveBundle beta curve, where the tension is adjustable via a slider that updates the bundled paths dynamically. Hovering over a node highlights all links connected to that node, and the SVG is interactive with d3.zoom.
AI-generated description