Activity6_Task3.3

100%

Activity6_Task3.3

✓ Published0🌍 Public

Last edited Apr 15, 2024

Created on Apr 15, 2024

This scatter plot displays the relationship between an individual's Age and BMI, with each point colored green for smokers and orange for non-smokers, using health insurance charges data from a CSV file. The visualization implements the chart entirely with D3 v6 functions, including `d3.csv` for data loading, `d3.scaleLinear` for axes, and `d3.axisLeft` and `d3.axisBottom` for tick marks. The plot is rendered as SVG elements, with each circle positioned via `.attr('cx')` and `.attr('cy')` based on the scaled data values, and axis labels styled green with a Times New Roman font.

AI-generated description

We are Displaying the Insurance Charges dataset using Scatter plot.

MIT Licensed

Similar vizzes

Loading thumbnail…

Activity6_Task3_Question_3

This scatter plot visualizes the relationship between BMI and insurance charges, with each point colored blue or green to indicate whether the person is a smoker. The data comes from a CSV file hosted on GitHub, loaded via `d3.csv` with parsed numeric fields. The visualization uses `d3.scaleLinear`, `d3.extent`, and `d3.axisBottom`/`d3.axisLeft` to map the continuous variables and render axes. All marks are drawn as SVG circles using `d3.selectAll().join()`, with colors assigned via a switch statement on the smoker attribute.

Hhemalathayella@my.unt.edu

90% match

Loading thumbnail…

Activity8_Task3

This scatter plot visualizes the relationship between age and BMI for individuals in an insurance dataset sourced from a GitHub-hosted CSV file. Each point represents a person, colored by their region using a D3 ordinal color scale with the `schemeCategory10` palette. The visualization uses D3 v6’s `csv` loader, `scaleLinear` for axes, and SVG circles for marks, with axis labels for Age and BMI. The chart is responsive, sizing its dimensions based on the window’s inner width and height, and includes axes generated via `axisBottom` and `axisLeft`.

Aanusharamana0@gmail.com

87% match

Loading thumbnail…

Question 3

This scatter plot visualizes the relationship between BMI and insurance charges for 50 individuals, with red markers indicating smokers and blue markers for non-smokers. The code uses d3.csv to load inline CSV data, then applies d3.scaleLinear with d3.extent to map BMI and charges to screen coordinates. Axes are rendered using d3.axisLeft and d3.axisBottom, while circles are appended to an SVG canvas via d3.selectAll and data joins.

Sshivasaiamaravadi@gmail.com

86% match

Loading thumbnail…

Activity6_question-3

This example displays a scatter plot of car data, showing the relationship between BMI (on the x-axis) and age (on the y-axis), with points colored by smoking status via a Tableau10 ordinal color scale. The visualization loads a CSV file from a GitHub repository using D3’s `csv` function, then applies linear scales with `scaleLinear` and renders circles as SVG elements. Axes are generated with `axisLeft` and `axisBottom`, while a legend is manually constructed to map colors to the smoking categories. The chart fills the browser window using `window.innerWidth` and `window.innerHeight`.

Kkandulasunny17@gmail.com

84% match

Loading thumbnail…

ICE-6 Scatter Plot

This D3.js scatter plot visualizes an insurance dataset, mapping BMI to charges for individual patients. Points are colored red for smokers and green for non-smokers, using a custom `scaleLinear` mapping for the axes. The visualization employs `csv` for data loading, `select` and `join` for SVG circle rendering, and `axisLeft`/`axisBottom` for labeled axes, with all text styled in cursive. The plot includes age and children values as `rx` and `ry` attributes on the circles, though these do not affect the visual output.

Ggayuvurukuti@gmail.com

83% 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

83% match

Loading thumbnail…

Activity6_Task3

This visualization shows the relationship between age and insurance charges, with points shaped according to sex. The scatter plot uses D3 v7’s `scaleLinear` for both axes and `scaleOrdinal` with `symbolsFill` for categorical shape encoding. A custom legend displays the mapping between shapes and sex using D3’s `symbol` generator. Data is loaded asynchronously from a remote CSV file and parsed with `d3.csvParse`, with axes and labels added via the `axisLeft` and `axisBottom` helpers.

Mmanishmanda@my.unt.edu

83% match

Loading thumbnail…

Activity6_task3_3

This scatter plot visualizes the relationship between age and weight from a synthetic health dataset. The visualization encodes each data point as a circle, with position determined by age on the x-axis and weight on the y-axis. The chart uses d3.scaleLinear for both axes and d3.axisBottom/axisLeft to render tick marks. The code colors points based on gender using d3.scaleOrdinal and includes a shapeLegend function that displays the color mapping. The data is loaded via d3.csv from a GitHub-hosted CSV file and rendered as SVG elements.

Vvemurisuchitha@gmail.com

82% match