🌍 Public
Viewing a saved revision (read-only)
4cb84b4e4b514bc5a24bf6d9cc5dc8e7
Network graph for SHL dataset
This network graph displays the relationships between the first twenty people in the SHL dataset and their associated attributes, including occupation and sleep disorder status. The visualization uses a force-directed layout with color-coded nodes—blue for persons, red for occupations, and yellow for sleep disorders—connected by gray links. Built with d3.v7, the code employs `d3.forceSimulation`, `d3.forceLink`, `d3.forceManyBody`, and drag interactions via `d3.drag`. Node tooltips appear on hover, and the SVG rendering includes labeled circles for each entity.
AI-generated descriptionThis network graph is created by using html, css and d3.js.