Skip to main content
SimilarExport ZIP
100%

Fork of Sleep Efficiency vs. Age

✓ Published2🌍 Public
CCurran Kelleher
Last edited Feb 28, 2023
Created on Feb 28, 2023

This visualization plots sleep efficiency against age, showing a linear relationship until roughly age 20 and no relationship afterward. Each circle represents a person, colored by gender. The scatterplot uses `scaleLinear` for axes, `scaleOrdinal` with `schemeCategory10` for color encoding, and `d3.csvParse` to load the data. Axes are rendered with `axisLeft` and `axisBottom` from D3 v7.

AI-generated description

This is a viz on the sleep efficiency dataset. The question this viz aims to answer the question is sleep efficiency and age correlated? We can see that there is a linear relationship until about age 20, and then afterward, there is no relationship.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Fork of Sleep Efficiency vs. Age

This scatterplot visualizes the relationship between age and sleep efficiency, with data points colored by smoking status. The chart reveals a linear trend until age 20, after which no clear correlation exists, answering the question of whether sleep efficiency correlates with age. Built with D3 v7, the visualization uses `scaleLinear` for axes, `schemeCategory10` for color encoding, and `axes.js` for labeled axis rendering. Data is fetched from a CSV and parsed via `csvParse`, then plotted with circles at 8-pixel radius with 0.6 opacity.

CCurran Kelleher
93% match
Loading thumbnail…

Sleep Efficiency vs. Age

This scatterplot shows the relationship between age and sleep efficiency, revealing a linear trend among younger individuals that disappears after about age 20. The visualization uses d3.scaleLinear for both axes and d3.scaleOrdinal with schemeCategory10 to color points by age. Data is loaded from a CSV file via d3.csvParse and processed with d3.flatRollup to aggregate observations before rendering circles with d3’s join pattern.

MMartha Cash
91% match
Loading thumbnail…

Average Sleep Efficiency and Duration vs. Age

This visualization displays the average sleep efficiency and duration across different ages, sourced from a sleep efficiency dataset. Users can select different sleep metrics—such as REM sleep percentage or deep sleep duration—from dropdown menus to view their relationship with age. The scatter plot uses circles colored by gender, rendered with D3.js (v7), leveraging `scaleLinear`, `scaleOrdinal`, and `flatRollup` to aggregate and plot the data. The chart includes labeled axes and a dropdown for metric selection.

MMartha Cash
83% match
Loading thumbnail…

Sleep Dataset Features vs. Age -- One Plot

Three linked scatter plots show how average sleep efficiency, sleep duration, and deep sleep duration vary with age. Each plot uses D3 v7’s `scaleLinear`, `scaleOrdinal`, `schemeCategory10`, and `axisLeft`/`axisBottom` to render axes and colored points, with interactive tooltips on hover. Data is fetched as CSV, aggregated by age via `flatRollup`, and visualized using D3’s `select`, `join`, and `transition` APIs.

MMartha Cash
83% match
Loading thumbnail…

Average Sleep Duration vs. Age

This visualization shows how average sleep duration varies with age, plotting aggregated data from a sleep efficiency dataset as circles on a scatterplot. The display updates to show other sleep metrics—including efficiency, deep sleep, light sleep, and REM sleep—through a dropdown menu. Built with D3 v7, the code uses scaleLinear for axes, flatRollup to aggregate data by age, and the scatterPlot module to render circles. Data is loaded from a remote CSV file, with axis labels provided by a separate axes module.

MMartha Cash
82% match
Loading thumbnail…

Fork of blood pressure

This visualization shows the relationship between age and sleep duration for a group of individuals, with each person represented as a point on a scatterplot and connected by a smooth line. The chart uses D3.js v5 to load CSV data from a GitHub gist, parse the numeric fields, and render the SVG visualization. It employs `d3.scaleLinear` for both axes, `d3.axisBottom` and `d3.axisLeft` for tick marks, and `d3.line` with `curveBasis` to create the curved trend line. The line is styled in maroon with a thick stroke, while gridlines and axis labels are formatted with custom CSS. The data source is a public dataset on sleep health and lifestyle.

Bbhavana.bayyapu@gmail.com
81% match
Loading thumbnail…

Average Light Sleep Duration vs. Age

This visualization shows how average light sleep duration changes across age, using a scatter plot with one point per age group derived from a sleep efficiency dataset. The y-axis displays the aggregated mean light sleep percentage, while the x-axis maps age from 0 to 90 years. The code uses d3.csvParse to load the data, d3.flatRollup to summarize records by age and sleep metrics, and d3.scaleLinear with d3.axisLeft and d3.axisBottom for the axes. It also includes a dropdown menu, though the current view is fixed to light sleep.

MMartha Cash
78% match
Loading thumbnail…

Scatter Plot of Sleep Efficiency Dataset

This scatter plot visualizes the relationship between age and sleep efficiency using a dataset loaded from a GitHub-hosted CSV file. The visualization shows individual data points as red markers, with age plotted on the x-axis and sleep efficiency on the y-axis. The implementation uses Plotly.js, specifically the `Plotly.d3.csv` method to parse the remote data and `Plotly.newPlot` to render the interactive chart. The code defines a single scatter trace with marker styling and a layout that includes axis titles and a chart heading.

MManasa891-git
78% match