Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Network graph for SHL dataset

Public visualization

Network graph for SHL dataset

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

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 description

This network graph is created by using html, css and d3.js.

Comments

Sign in to join the discussion.

MIT Licensed