Skip to main content
SimilarExport ZIP
100%

Ayush - Cardio Data

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

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.

AI-generated description

Dataset name: Cardio Data Source of data: https://www.kaggle.com/datasets/saurav9786/cardiogoodfitness

MIT Licensed

Similar vizzes

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
74% 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
69% match
Loading thumbnail…

Ayush - Assignment 5 responsive viz

This visualization displays average fitness levels for males and females across six age groups, from 18-25 through 46-50. Grouped bar charts depict the data, with steelblue bars for males and salmon for females, accompanied by hover interactions that darken bar colors and display tooltips with exact values. The visualization is rendered using D3.js primitives including `scaleBand`, `scaleLinear`, `max`, and `axisLeft`/`axisBottom`, with the `select` API managing SVG elements. Data is sourced from the `@ayush-shinde/cardio_data` package and aggregated by computing mean fitness scores per gender and age range.

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

Ayush - Bar Chart for Assignment 4

This visualization shows the average fitness levels of males and females across six age groups ranging from 18 to 50 years old. The code imports and averages data from the `@ayush-shinde/cardio_data` package, aggregating individual fitness scores by gender within each age range. Using `d3.scaleBand`, `d3.scaleLinear`, and `d3.stack`, it renders grouped bar charts with steelblue bars for males and salmon for females. Interactive tooltips appear on mouseover, and a legend identifies the gender categories. The animation rendering reveals the comparative fitness trends between genders as age progresses.

Sshindeayush76@gmail.com
68% match
Loading thumbnail…

Ayush - Bar Chart for Assignment 5

This animated bar chart visualizes the average fitness levels of males and females across six age groups, from 18-25 up to 46-50. The tooltip reveals exact values on hover. The visualization uses the D3 library, specifically `scaleBand` and `scaleLinear` for the axes, and processes data from the `@ayush-shinde/cardio_data` source. The chart employs a grouped bar layout with distinct colors for each gender, plus an interactive mouseover effect.

Sshindeayush76@gmail.com
68% match
Loading thumbnail…

Fitness survey CSV Data

This example displays a minimal summary of a fitness survey dataset, reading directly from a CSV file hosted as a GitHub gist via the `d3.csv` API. It shows the file size in kilobytes, the total number of rows, and the number of columns, formatted as large text in a `<pre>` element. The visualization’s purpose is to confirm that the data has been successfully parsed rather than to graph the survey results. The code also includes commented-out alternative approaches using `fetch`, `async`/`await`, and `d3.csvParse`, illustrating multiple ways to load and parse CSV data in D3 v5.

AArjun Rao
67% match
Loading thumbnail…

Loading Data 2

This example demonstrates loading a heart failure prediction dataset from a CSV file via a file input, then displaying its contents as a formatted JSON object. The visualization initially fetches `heart.csv` using D3's `fetch` and `csvParse` functions, converting numeric columns to numbers. Users can subsequently load their own CSV file, which is read using the `FileReader` API and parsed by `d3.csvParse`, updating the displayed state. The code relies on D3's `select`, `selectAll`, and `join` operations to render the data.

AAbhi Yammanuru
66% match