🌍 Public
Viewing a saved revision (read-only)
b5c78805d3744c03b30976af3ec277eb
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.