Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

network graph

Public visualization

Viewing a saved revision (read-only)

715305bb7b2d42b9945093d94b3ed5e8

network graph

0 stars1🌍 Public
Vvemuri.vaishnavi27@gmail.com
Last edited Apr 8, 2025
Created on Apr 8, 2025

This network graph visualizes a hierarchical data flow from "World" down to countries, crops, and production/consumption metrics. A force-directed layout positions colored nodes by category—red for the root, blue for countries, orange for crops, and green/purple for data endpoints. The implementation uses d3.forceSimulation, d3.forceLink, and d3.forceManyBody for the physics, with d3.drag enabling interactive node repositioning. All rendering happens in SVG, with tick updates repositioning lines, circles, and text labels.

AI-generated description