Skip to main content
SimilarExport ZIP
100%

Ayush - Sleep and Health Data

✓ Published0🌍 Public
Sshindeayush76@gmail.com
Last edited Jan 31, 2024
Created on Jan 20, 2024

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.

AI-generated description

Dataset name: Sleep, Health and Lifestyle Data Source of data: https://www.kaggle.com/datasets/uom190346a/sleep-health-and-lifestyle-dataset

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
80% 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
79% match
Loading thumbnail…

Sleep Health and Lifestyle Dataset

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.

Ccsabavath@wpi.edu
75% match
Loading thumbnail…

Ayush - Cardio Data

This example reads a CSV file of cardio fitness data and displays the first row as a JSON object in a preformatted block. The code imports the data with a custom CSV loader, coerces numeric fields like Age, Education, Usage, Fitness, Income, and Miles using unary plus operators, and then renders the result via a template literal in the container’s innerHTML. The visualization emphasizes the data structure rather than a chart, using no external libraries beyond the data import mechanism.

Sshindeayush76@gmail.com
74% 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
73% match
Loading thumbnail…

Mental Health

This example visualizes the first record of a mental health survey dataset from Kaggle, showing parsed survey responses as a JSON string. The code loads `MentalHealthSurvey.csv` via a data import statement, then converts quantitative fields like age, CGPA, sleep hours, and Likert-scale ratings (depression, anxiety, isolation) from strings to numbers using unary plus and `parseFloat`. The parsed object is displayed in a `<pre>` element with a fixed font size, providing a quick reference for the data structure. The visualization relies on the CSV parsing and string interpolation in JavaScript, without additional libraries.

RRuba Khan
71% match
Loading thumbnail…

Ayush - EV Data

This example visualizes the specifications of electric vehicles from a Kaggle dataset, showing a formatted view of a single record. The code loads the data from a CSV file, converts string values to numbers for all performance metrics, and then uses JavaScript to display the first data point. The visualization uses a simple HTML `<pre>` element to render a JSON string representation of the vehicle's attributes, such as battery capacity, price, and top speed, at a specified font size. The implementation relies on standard JavaScript data handling and DOM manipulation without any external charting libraries.

Sshindeayush76@gmail.com
70% match
Loading thumbnail…

heart attack

This example displays the first record of a healthcare appointment dataset as a formatted JSON object, revealing patient attributes such as age, blood pressure, cholesterol, and treatment type. The code loads the data from a CSV file using an imported `data.csv` module, converts numeric fields to numbers, and renders the output in a `<pre>` element with a custom font size. The visualization relies on vanilla JavaScript and DOM manipulation rather than external charting libraries.

Aalexwd019@gmail.com
67% match