Skip to main content
SimilarExport ZIP
100%

Medical Insurance Cost Scatterplot

✓ Published1🌍 Public
Jjojongo15342@gmail.com
Last edited Sep 11, 2025
Created on Sep 11, 2025

This scatterplot visualizes the relationship between patient age and medical insurance charges across over 1,000 records from a Kaggle dataset. Each green circle represents an individual, with age plotted on the x-axis and charges on the y-axis, revealing a general upward trend in costs with age. The React app loads data from a CSV file using d3.csv, then the viz.js module applies d3.scaleLinear and d3.extent to map values to screen coordinates, rendering circles with d3’s selection and join methods.

AI-generated description

This dataset is a new one that I think suits the project better and that I am more interested in. It describes health information like age, sex, BMI, number of children, and how much they are charged on medical insurance. This data was sourced from insurance records.

The dataset consists of 7 attributes and over 1000 rows, which include:

Age Sex BMI Children Smoker Region Charges

https://www.kaggle.com/datasets/mosapabdelghany/medical-insurance-cost-dataset

MIT Licensed

Similar vizzes

Loading thumbnail…

Medical Insurance Cost Scatterplot

A scatterplot displays individual medical insurance records from a CSV dataset, plotting each person's age on the x-axis against their insurance charges on the y-axis. All points render as steelblue circles with a fixed radius of 5 pixels. The visualization uses React with d3.v7, leveraging `scaleLinear` and `extent` to compute the axes, and a `data` join to bind the CSV rows to `circle` elements in the SVG.

Jjojongo15342@gmail.com
89% match
Loading thumbnail…

Medical Insurance Cost Scatterplot

This scatterplot displays the relationship between age and income, with each point representing an individual from a medical insurance cost dataset. The visualization shows how income distribution varies across different ages, using blue and red circles to distinguish income levels. Built with React and D3 v7, the code uses `scaleLinear` to map the data domains, `axisBottom` and `axisLeft` for the axes, and the `join` pattern to bind data to SVG circles. The data is loaded from a CSV file containing insurance records.

Jjojongo15342@gmail.com
89% match
Loading thumbnail…

Iterated Medical Insurance Cost Scatterplot

This chart visualizes medical insurance costs by plotting age against charges for individual patients. Each point is colored by smoking status, with red circles representing smokers and green representing non-smokers, making the higher charges associated with smoking immediately apparent. The visualization is built with a React component using D3 v7's `scaleLinear`, `axisBottom`, `axisLeft`, and `select` to render an SVG scatterplot. Data is loaded asynchronously from a CSV file using D3's `csv` method.

Jjojongo15342@gmail.com
87% 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
84% match
Loading thumbnail…

Activity8Task3

This scatter plot visualizes insurance data, showing the relationship between a patient's age and their insurance charges. Each point represents an individual, with colors encoding the patient's region of residence. The visualization is built using D3 v6, with a linear scale mapping age to the x-axis and charges to the y-axis. Data is loaded asynchronously from a remote CSV file via `d3.csv`, and circles are appended to an SVG container using data joins, with axes rendered by `axisBottom` and `axisLeft`.

BBindumadhavi
81% match
Loading thumbnail…

Final Project

This scatter plot displays insurance charges against patient age, with points colored by a user-selected attribute such as smoker status, sex, region, BMI category, or number of children. A legend updates dynamically, and linear regression lines are calculated for each color group to reveal trends. Built with React and D3.js (d3.v7), the visualization uses `d3.csv`, `d3.scaleLinear`, `d3.scaleOrdinal`, and `d3.axisBottom`/`d3.axisLeft` to render the chart from the `data.csv` file.

Jjojongo15342@gmail.com
81% match
Loading thumbnail…

BMI Prototype

This scatterplot visualizes insurance charges based on age, with each point colored by BMI category (underweight, normal, overweight, obese). The React app loads data from a CSV file, uses d3 scales and axes to map age and charges, and renders colored circles with d3's join operation. A hover tooltip displays age, BMI, and charges, while a legend explains the color categories. The chart uses d3.scaleLinear for both axes and d3.axisBottom/axisLeft for tick marks.

Jjojongo15342@gmail.com
80% match
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
80% match