Skip to main content
SimilarExport ZIP
100%

Bubble Chart be

✓ Published0🌍 Public
Ssamithareddy9@gmail.com
Last edited Apr 11, 2024
Created on Apr 11, 2024
Forked from Bubble Chart

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`.

AI-generated description

A demonstration of how to start using D3 version 6.

MIT Licensed

Similar vizzes

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
89% 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
84% match
Loading thumbnail…

Activity-8_Task4UN

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.

Uuzairnaeem15@gmail.com
81% match
Loading thumbnail…

Bubble Chart

This bubble chart visualizes the relationship between age and BMI for approximately 250 individuals, with circle size encoding insurance charges and color distinguishing gender. Built with D3 v7 in a React-agnostic HTML page, it uses `d3.scaleLinear` for both axes, `d3.scaleOrdinal` for male/female coloring, and `Math.sqrt` to map charges to radius. Data loads asynchronously from a CSV file via `d3.csv`, and the SVG rendering includes custom axes, labels, and a legend showing size and color ranges.

AArun Pratap
77% match
Loading thumbnail…

Bubble Chart Creation

A bubble chart compares beverage manufacturers by plotting glucose levels on the x-axis against ratings on the y-axis, with bubble size encoding calories and color distinguishing beverage types. The visualization uses D3 v7 to load CSV data, apply linear scales for axes and bubble radius, and an ordinal color scale with `d3.schemeSet1`. SVG circles are rendered with opacity and red strokes, accompanied by legends for calorie size and brand colors.

SSwapna1915
76% 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
75% match
Loading thumbnail…

Qualitative Bubble Chart

This bubble chart visualizes the relationship between age and BMI for roughly 500 individuals, with color encoding gender. The SVG rendering uses d3.scaleLinear for both axes and d3.scaleOrdinal with a custom color range to distinguish male and female data points. The code loads data from a CSV via d3.csv and positions circles using xScale and yScale. A d3-legend legend is added for gender, and both axes are generated with d3.axisBottom and d3.axisLeft.

PPranay Matalia
75% match
Loading thumbnail…

Bubble Chart

This bubble chart compares beverage manufacturers by plotting glucose levels on the x-axis, ratings on the y-axis, and calorie count as bubble size, with color distinguishing beverage types. Built with D3 v7, the visualization uses d3.scaleLinear for axes and bubble sizing, d3.scaleOrdinal for color mapping, and d3.schemeSet1 for the categorical palette. Data is loaded from a local CSV file using d3.csv, and the SVG rendering includes custom legends for both bubble size and color categories, with all marks styled with red strokes and 0.7 opacity.

EEtupino
75% match