Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

ICE-8:Visualizing tree of number of nations participating in each game format

Public visualization

Viewing a saved revision (read-only)

12398c5d10fe4524bae43b5ec61feef8

ICE-8:Visualizing tree of number of nations participating in each game format

0 stars0🌍 Public

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