Assignment 2 Question 5

100%

Assignment 2 Question 5

✓ Published0🌍 Public

Last edited Jul 21, 2023

Created on Jul 21, 2023

This visualization shows how insurance charges relate to age, BMI, and sex using a scatter plot. The chart animates every 5 seconds, cycling its x-axis between patient age, insurance charges, and BMI, while the y-axis consistently displays insurance charges. Data points are color-coded blue for males and red for females. Built with D3 version 6.7.0, it uses `scaleLinear`, `axisLeft`, and `axisBottom` from the library and loads data from a local CSV file, rendering as an animated SVG.

AI-generated description

An example showing the capabilities of VizHub:

Loads D3 via UNPKG.
Demonstrates use of import from "d3".
Demonstrates use of import from local ES6 modules.

MIT Licensed

Similar vizzes

Loading thumbnail…

Assignment 2 Question 3

This scatterplot displays the relationship between age and insurance charges, with points colored by sex (red for male, blue for female) to reveal patterns in medical costs across age groups. The visualization loads CSV data from a Kaggle insurance dataset using d3.csv, maps age to the x-axis and charges to the y-axis via d3.scaleLinear, and renders points as SVG circles. Axes are generated with d3.axisLeft and d3.axisBottom, while the full layout adapts to the browser window dimensions.

MMichael Biancardi

90% match

Loading thumbnail…

assignment 2 4q

This multidimensional scatter plot maps age and BMI for roughly 250 individuals, encoding insurance charges through circle radius and gender through color. The visualization uses D3 v7 with linear scales for both axes, an ordinal color scale for male/female categories, and square-root scaling to size circles proportionally to charges. Rendered as SVG, the chart includes axes with tick formatting, a legend showing charge minimum and maximum values, and example male/female colored dots, with data loaded asynchronously from a CSV file hosted on GitHub.

HHarshiiiiiiiip

83% match

Loading thumbnail…

Bubble Chart

This bubble chart visualizes the relationship between age, BMI, and insurance charges for roughly 250 individuals, with gender distinguishing the data points. The x-axis maps age while the y-axis shows BMI, and circle radius encodes the magnitude of insurance charges. The visualization uses D3.js v7 with SVG rendering, employing `d3.scaleLinear` for axes and `d3.scaleOrdinal` to color points by gender. A legend displays the minimum and maximum charge values alongside color swatches for male and female categories, with data loaded from an external CSV file.

PPranay Matalia

81% match

Loading thumbnail…

3D scatter plot

This 3D scatter plot visualizes insurance data, showing the relationship between BMI (x-axis), age (y-axis), and insurance charges (z-axis). Each point is colored according to the insured person's region, using a custom color scale that maps southwest, southeast, and northwest to distinct hues. The visualization is built with Plotly’s `scatter3d` trace type, with data loaded via D3’s CSV parser, and rendered in a WebGL-enabled browser. The plot features colored axis backgrounds, white gridlines, and a fully margin-less layout for an immersive view.

SSUSHMA CHIRRA

80% match

Loading thumbnail…

Scatter Plot

This scatter plot visualizes the relationship between age and insurance charges using data loaded from a CSV file. D3.js v7 scales map age and charge values to SVG circle positions, with axes labeled and a title displayed. The visualization uses d3.csv to fetch external data, d3.scaleLinear for both x and y domains, and d3.axisBottom and d3.axisLeft to render the axes. The SVG rendering approach draws each data point as a small blue circle.

PPranay Matalia

80% match

Loading thumbnail…

Reusable scatter plot

This reusable D3 scatter plot visualizes the insurance dataset, mapping age on the x-axis and cycling through BMI, charges, and children values on the y-axis every two seconds. It uses SVG rendering with animated transitions to swap the y-axis label and rescale the data points. The plot differentiates data points by smoker status using distinct symbols and colors from D3's `schemeCategory10` scale, and is built with reusable accessors for width, height, data, and margins.

Kkotlavamsireddy@gmail.com

80% match

Loading thumbnail…

Scatter Plot - Insurance Charges by Age

This scatter plot visualizes insurance charges for individuals based on age, with each circle’s color indicating smoking status—red for smokers and black for non-smokers. The chart, rendered as SVG using D3 v6, loads data from a CSV file via `d3.csv`, applies linear scales via `d3.scaleLinear`, and uses `d3.axisLeft` and `d3.axisBottom` for axes. The code joins circles to data with `selectAll().data().join()` and sets fill opacity to 0.35.

RRaul Gamez

79% match

Loading thumbnail…

Age vs BMI Bubble Chart

This visualization is a multidimensional scatter plot that maps age on the x-axis against BMI on the y-axis for approximately 250 individuals, with each bubble’s size encoding insurance charges and its color indicating gender. The chart uses a D3 v7 selection with data binding to append SVG circles, scaled with `d3.scaleLinear` for axes and `d3.scaleOrdinal` for the male/female color mapping. A legend explains bubble size ranges and gender colors, while axes are rendered via `d3.axisBottom` and `d3.axisLeft`. Data is loaded asynchronously from a CSV file using `d3.csv`.

VVishnu Sudireddy

79% match