100%

Sleep Health and Lifestyle Dataset

✓ Published0🌍 Public

Last edited Sep 11, 2025

Created on Sep 4, 2025

This visualization displays a raw preview of the Sleep Health and Lifestyle Dataset, showing all 400 records with their 13 attributes including sleep duration, stress levels, and sleep disorder classifications. The example uses d3.csvParse to load and parse the CSV data, converting numeric fields to numbers before displaying the JSON-formatted data in a pre element. The code demonstrates a state management pattern where data transitions from undefined to 'LOADING' to the final parsed array, with each state change triggering a re-render of the visualization.

AI-generated description

Dataset 3: Sleep Health and Lifestyle Dataset

Source:
Sleep Health and Lifestyle Dataset

This dataset contains 400 rows and 13 attributes, covering variables related to sleep patterns, lifestyle factors, and health indicators. It includes demographic details, physical activity, stress levels, BMI, blood pressure, and the presence of sleep disorders.
It’s ideal for analyzing the impact of lifestyle factors on sleep quality and identifying relationships between health metrics and sleep disorders.

Attributes and Types

Gender – Categorical, nominal
Age – Quantitative, ratio
Occupation – Categorical, nominal
Sleep Duration – Quantitative, ratio
Quality of Sleep – Quantitative, ordinal (scale)
Physical Activity Level – Quantitative, ratio
Stress Level – Quantitative, ordinal (scale)
BMI Category – Categorical, ordinal
Blood Pressure – Quantitative, ratio
Heart Rate – Quantitative, ratio
Daily Steps – Quantitative, ratio
Sleep Disorder – Categorical, nominal

MIT Licensed

Similar vizzes

Loading thumbnail…

Sleep and Health Metrics

This visualization displays the first row of the sleep and health metrics dataset as raw JSON in a large monospace preformatted element. It shows a single record with all nine variables, including heart rate variability, body temperature, sleep duration, caffeine intake, and stress level, parsed as numeric values. The code imports data from a CSV file using a custom `data.csv` import, converts each value with the unary plus operator, and renders the result using `JSON.stringify` within the container’s innerHTML. The dataset originates from a synthetic Kaggle source for exploring sleep-related health patterns.

BBashir Gulistani

79% match

Loading thumbnail…

dataset 2 - Sleep and Health Metrics

This example visualizes the first row of a synthetic sleep and health metrics dataset from Kaggle, displaying its raw JSON structure in a large monospaced font. The code loads the CSV data, converts string values to numbers for all nine numeric fields, and then renders the first record’s key-value pairs inside a preformatted HTML block. It uses the `data.csv` import and the `container.innerHTML` assignment to present the data as-is, offering a minimal, non-interactive preview of the dataset before deeper analysis.

YYiyi Wu

78% match

Loading thumbnail…

Sleep Health- Interactive Visualization Dashboard

This interactive dashboard visualizes sleep disorder prevalence across low, medium, and high stress levels, using 100% stacked bars with animated transitions. Users filter by gender and toggle between all categories or disorders only, with hover tooltips and clickable legend items that isolate healthy versus disordered sleep groups. Built with React and D3 v7 (d3.scaleBand, d3.stack), the SVG chart renders from a CSV dataset and updates bins and counts dynamically. The animation and ordinal color scale highlight how higher stress correlates with increased Insomnia and Sleep Apnea rates.

Ccsabavath@wpi.edu

77% match

Loading thumbnail…

Sleep efficiency data

This example visualizes sleep efficiency data sourced from Kaggle, showing records of sleep duration, REM percentage, deep sleep, and related features. The code fetches a CSV file and parses it with `csvParse`, then displays the raw parsed data as formatted JSON text in a `<pre>` element. Using d3 v7’s `select` and data joins, the visualization updates whenever the state changes, initially setting a loading flag before rendering the fetched dataset. The implementation relies on d3’s `fetch` and `csvParse` APIs to load and structure the tabular data.

MMartha Cash

77% match

Loading thumbnail…

Fork of Assignment 5 - Prototype 2

This interactive scatter plot visualizes the relationship between sleep duration and stress level, with individual data points colored by gender. The visualization, built with React and D3 v7, loads data from a Kaggle CSV file and renders an SVG chart. It includes axes with labels, a legend, and per-gender dashed trend lines computed via least-squares regression. Tooltips display detailed information about each person’s ID, gender, sleep duration, stress level, and sleep disorder. The chart employs D3’s `scaleLinear`, `scaleOrdinal`, and `axisBottom`/`axisLeft` functions for scaling and axes, with `schemeTableau10` providing the color palette.

Ccsabavath@wpi.edu

76% match

Loading thumbnail…

Ayush - Sleep and Health Data

This example displays the third record from a Kaggle dataset on sleep, health, and lifestyle, rendered as a formatted JSON object. The visualization shows a single person’s attributes, including age, sleep duration, stress level, and daily steps. The code imports the CSV data, converts numeric strings to numbers, and then uses JavaScript’s `JSON.stringify` method to present the selected row within an HTML `<pre>` tag. The project uses raw data parsing and direct DOM manipulation via `innerHTML` to output the structured information.

Sshindeayush76@gmail.com

75% match

Loading thumbnail…

Fork of Loading Data - Lifestyle Health

This visualization demonstrates how to load and parse a CSV dataset using D3 v7, displaying the raw parsed data as JSON in a `<pre>` element. The example uses `csvParse` to convert survey data about lifestyle and health metrics, explicitly coercing numeric fields with the unary `+` operator. A state management pattern handles asynchronous data loading, showing a 'LOADING' placeholder before the fetched dataset appears. The code relies on `select` and `join` to render the data, sourced from a Kaggle dataset on disease risk from daily habits.

BBrian Hulbert

75% match

Loading thumbnail…

fork of Finishing Touches

This visualization shows a 100% stacked bar chart of sleep disorder prevalence across stress levels, using data from a sleep health and lifestyle dataset. The chart displays the proportion of people with no disorder, insomnia, or sleep apnea, with a gray and two blue color scheme to distinguish healthy from disordered sleep. Users can filter by gender and view only disorder categories through dropdown menus, while hovering reveals exact percentages via a tooltip. The implementation uses D3 v7 with d3.stack, d3.scaleOrdinal, and d3.axisBottom/Left to render the SVG with interactive animation.

Ccsabavath@wpi.edu

74% match