Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of network

Public visualization

Fork of network

0 stars0🌍 Public
Ssravya7136@gmail.com
Last edited Nov 9, 2025
Created on Nov 9, 2025
Forked from network

This conceptual food network shows hierarchical relationships between food categories, subcategories, and a root node, using a force-directed layout. The D3.js code employs `d3.forceSimulation` with link, many-body, and center forces to position nodes, while `d3.drag()` enables interactive node repositioning. Nodes and links are rendered as SVG elements whose positions update on each simulation tick. Colors distinguish node groups, and labels identify each food category. The visualization uses a hardcoded dataset of nine food-related nodes and eight links, presented in a static SVG canvas.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed