Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Tree graph for the SHL dataset

Public visualization

Viewing a saved revision (read-only)

ef17b368c680476d8687a7a2222f6a4b

Tree graph for the SHL dataset

1 star1🌍 Public
Kkoteswararao614@gmail.com
Last edited Apr 3, 2024
Created on Mar 31, 2024
Forked from HTML Starter

An interactive HTML page displays the BMI distribution across occupations as a tree graph, with the SHL dataset transformed from CSV into a three-level hierarchy of BMI categories and individual occupations. The d3.v6 library builds the layout, while SVG rendering handles the nodes and links, using colored rectangles and circles to distinguish depths and animated tooltips to reveal data on hover. The code relies on custom functions like `csvToHierarchy` and the d3 `tree` layout, with styling applied through a separate CSS file.

AI-generated description

the tree graph is created using html,css and d3.js.