Data Tree
This visualization displays a hierarchical data tree representing healthcare spending categories, with nodes for year, totals, age groups, and payment types like out-of-pocket and private insurance. The layout uses d3.tree() to compute node positions, rendering circles for each node and SVG line elements for links between parent and child nodes. Data is loaded asynchronously from a JSON file via fetch(), then processed with d3.hierarchy() to create the tree structure. The visualization fills the entire browser window using dynamically sized SVG dimensions.
AI-generated descriptionA basic tree visualization of dataset with its columns. The first node represents year. The children of year are total, male, female. Total's child is age group. Age group's children are 0-18, 19-44, 45-64, 65-84, 85 and total. Each of the age group has two children Out of pocket and private health insurance. Out of pocket's children are hospital care, dental service, prescription drug, and physician and clinical services. Private health insurance children are hospital care, dental service, prescription drug, and physician and clinical services.
See also: