Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Assignment 8 Node-link diagram

Public visualization

Assignment 8 Node-link diagram

0 stars2🌍 Public
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

Comments

Sign in to join the discussion.

MIT Licensed