Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

ice 8

Public visualization

Viewing a saved revision (read-only)

e2c3b2eee6f144a69cab07fc05adf324

ice 8

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

This visualization presents a spacious tree diagram comparing production and consumption values for wheat, rice, barley, and cotton across the USA, Mexico, and India. The hierarchical structure uses a d3.tree layout with custom separation logic to increase spacing between leaf nodes. Nodes are rendered as rounded rectangles with SVG text labels, while straight brown links connect parent-child relationships. The code builds the tree from flat data using a Map, then applies d3.hierarchy and d3.tree to position elements within an SVG viewBox of 1800 by 600 pixels.

AI-generated description