Skip to main content
SimilarExport ZIP
100%

Activity-8_Task4UN

✓ Published0🌍 Public
Uuzairnaeem15@gmail.com
Last edited Apr 11, 2024
Created on Apr 11, 2024
Forked from Activity-6

This bubble chart visualizes the correlation between heart rate, systolic blood pressure, and age, with point size encoding age and color encoding risk level. Built with D3 v7, it renders as an SVG with tooltips on hover, while a legend displays age-to-size mapping. The chart uses d3.scaleLinear for axes and bubble sizing, plus d3.scaleOrdinal with interpolateTurbo for categorical colors, reading data from bubblechart.csv.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Activity6_Task4.1

This bubble chart visualizes the correlation between height, weight, and age across multiple countries. Each circle's x-position represents height, y-position weight, and its radius encodes age, with color differentiating countries via a categorical turbo color scale. Built with D3.js v7, the SVG chart includes axes, a size legend for age, and interactive tooltips displaying country names on hover. The code utilizes `d3.scaleLinear`, `d3.scaleOrdinal`, and `d3.interpolateTurbo` to map data dimensions, with data loaded from a CSV file.

Ppadiginetivishnupriya@gmail.com
82% match
Loading thumbnail…

Bubble Chart be

A bubble chart displays the relationship between maximum heart rate and resting blood pressure, with bubble size encoding age and color indicating the slope of the ST segment. The visualization uses D3 v7 with SVG rendering, employing `d3.scaleLinear` for position and radius, `d3.scaleOrdinal` with `schemeSet1` for colors, and `d3.axisBottom` and `d3.axisLeft` for axes. Data is loaded from a CSV file using `d3.csv`.

Ssamithareddy9@gmail.com
81% match
Loading thumbnail…

task9 question2

This visualization displays a heart disease dataset as an area chart, plotting age against resting blood pressure across the patient records. The chart uses D3 v7's `d3.area()` generator with linear scales for both axes, rendering an SVG path with a semi-transparent steelblue fill. The code loads data from a CSV file via `d3.csv()`, sorts records by age, and includes labeled x- and y-axes formatted with `d3.axisBottom()` and `d3.axisLeft()`.

Rravularasesh3102@gmail.com
78% match
Loading thumbnail…

buble chart Q4

This bubble chart visualizes the relationship between stress level, average heart rate, and vessel count, with color indicating the presence of heart disease. It uses a D3.js v7 SVG rendering, with a linear scale for both axes and a separate scale for bubble size. The chart includes interactive tooltips on mouseover that display the heart disease status and vessel count, alongside a legend for the color categories. Data is parsed from a CSV file, with stress levels converted from text to a numerical scale.

RRakesh Yadav
78% match
Loading thumbnail…

bubble char 4

This bubble chart visualizes the correlation between resting blood pressure, maximum heart rate, and cholesterol levels using a medical dataset. Each circle's position represents blood pressure and heart rate, while its radius encodes cholesterol and color indicates slope type. The visualization uses d3.csv to load data, d3.scaleLinear for axes and bubble sizing, and d3.scaleOrdinal with d3.interpolateTurbo for color mapping. Hover interactions reveal tooltips showing the slope category, with SVG rendering and smooth opacity transitions enhancing readability.

Ssamithareddy9@gmail.com
78% match
Loading thumbnail…

Activity 8_Q4.A4

A bubble chart displays patient age and sodium-to-potassium ratio, with bubble size encoding the count of patients per drug and color distinguishing drug types. The visualization uses D3 v6 to load CSV data from a GitHub repository, render SVG circles, and apply scales via `d3.scaleLinear`, `d3.scaleSqrt`, and `d3.scaleOrdinal`. Axes, labels, and a legend are added using `d3.axisLeft` and `d3.axisBottom`, with data aggregated through `d3.rollup`.

SSeema Shrestha
78% match
Loading thumbnail…

activity6_Task4

This visualization is a bubble chart that shows the relationship between student age, course, CGPA, and year of study, using data from a mental health survey. The x-axis maps age, the y-axis maps course, bubble size represents CGPA, and color distinguishes year of study. D3 v7 API calls such as `scaleLinear`, `scalePoint`, and `scaleOrdinal` are used to position and style the circles, while `d3.csv` loads the data and `d3.axisBottom` and `d3.axisLeft` render the axes. The chart is rendered as an SVG with a tooltip for interactivity.

Nnissisharon61@gmail.com
77% match
Loading thumbnail…

Fork of Activity6_Question4

This bubble chart displays the correlation between population, urban population, and median age for several countries across different years, with bubble size encoding median age and color distinguishing the year. A tooltip appears on mouseover, showing country, year, population, and urban population. The visualization is built with D3 v7, using `d3.csv` for data loading, `d3.scaleLinear` for axes and bubble sizing, and `d3.scaleOrdinal` with `d3.schemeCategory10` for year colors, all rendered as SVG circles with interactive event handlers.

Ssaimanvith22@gmail.com
77% match