🌍 Public
Viewing a saved revision (read-only)
12398c5d10fe4524bae43b5ec61feef8
ICE-8:Visualizing tree of number of nations participating in each game format
Vvinodreddysagam929@gmail.com
Last edited Apr 2, 2024
Created on Apr 2, 2024
This example visualizes the number of cricket teams categorized by match format (such as Test, ODI, or T20) in a tree diagram, with each leaf node representing a country. It uses D3.js v7’s `d3.tree()` layout and `d3.hierarchy()` to position nodes, rendering SVG rectangles and paths with custom styling. Data is loaded asynchronously from a CSV file using `d3.csv()`, then transformed into a hierarchical structure. The graph displays links between parent categories and child teams, with sibling connections drawn as horizontal paths.
AI-generated description