Skip to main content
SimilarExport ZIP
100%

Activity6_Task3

✓ Published0🌍 Public
Ggoudrohit2000@gmail.com
Last edited Oct 21, 2024
Created on Oct 21, 2024
Forked from Hello VizHub

This example displays a scatter plot of an insurance dataset, plotting age on the x-axis and charges on the y-axis, with points colored by sex (pink for female, light blue for male). The visualization uses D3 v6, loaded via UNPKG, and renders with SVG. The code fetches CSV data from a GitHub repository, parses the values, and creates the chart using `d3.scaleLinear`, `d3.extent`, `d3.axisLeft`, `d3.axisBottom`, and `d3.csv`. It also adds labeled axes for Age and Charges.

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…

Activity 6_Task 3 Q3

This example shows a scatter plot of age versus insurance charges, with points shaped by sex and a legend for gender. The plot uses D3 v7 APIs including `scaleLinear`, `scaleOrdinal`, `symbolsFill`, and `symbol` to generate shapes, along with custom axis and legend modules. Data is loaded as CSV from a GitHub gist and parsed with `csvParse`. The SVG chart resizes to the viewport, and the axes and legend are drawn using D3's `axisLeft` and `axisBottom` helpers.

Aakankshareddygorla@my.unt.edu
91% 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
90% match
Loading thumbnail…

Activity6_Task3_Q3

This scatter plot visualizes the relationship between age and insurance charges, with point shapes encoding the gender of each individual. The chart uses a linear scale for both axes and an ordinal scale for shape mapping, rendering points via D3 symbol generators. The visualization imports a CSV from a GitHub repository, using D3's `csvParse` and fetch API. Axes and shape legends are constructed programmatically to display the data.

Vvenkatamanikantavaddi@my.unt.edu
89% 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
88% match
Loading thumbnail…

task3_question3

This interactive scatter plot visualizes insurance data, plotting age on the x-axis and charges on the y-axis while using different symbols to encode gender. The visualization loads its dataset from a remote CSV file hosted on GitHub and renders it as an SVG canvas. The code leverages D3 v7 APIs including `select`, `csvParse`, `scaleLinear`, `scaleOrdinal`, `symbolsFill`, `axisLeft`, and `axisBottom` to construct the chart, with a custom shape legend displaying gender categories. The plot updates dynamically as new data is fetched and parsed.

VVrushikaKanaparthy@my.unt.edu
86% match
Loading thumbnail…

Activity 6_Task 3.2

This example shows a scatter plot of AGE versus CHARGES, with data points encoded by shape to represent the SEX category and labeled with misleading axis titles ("Accessories" and "Clothing") and a "Store" legend. The visualization uses D3 v7's `scaleLinear` for axes, `scaleOrdinal` with `symbolsFill` to map categories to symbol shapes, and a custom shape legend built with `symbolGenerator`. Data is loaded from a remote CSV file via `d3.csvParse` and rendered into an SVG that fills the viewport.

Aakankshareddygorla@my.unt.edu
86% match
Loading thumbnail…

activity8_Task3

This example shows an insurance dataset as a scatter plot of age against BMI, with each point colored by the policyholder’s region. It uses D3 v6 to load the CSV via `d3.csv`, maps rows with a custom parse function, and renders SVG circles positioned by `scaleLinear` scales for both axes. The color encoding is applied through `d3.scaleOrdinal` with `d3.schemeCategory10`, and axes are drawn using `axisLeft` and `axisBottom`. Data comes from a public GitHub-hosted insurance CSV file.

Ssaitejauppu0206@gmail.com
85% 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
83% match