Skip to main content
SimilarExport ZIP
100%

Activity6_Task3_Question_3

✓ Published0🌍 Public
Hhemalathayella@my.unt.edu
Last edited Apr 4, 2024
Created on Apr 4, 2024

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.

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…

Activity6_Task3.3

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.

Ssumanthnaidu213@gmail.com
90% 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
90% 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
85% 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
83% 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…

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
81% 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…

Activity6_Question3

This interactive scatter plot visualizes the relationship between BMI and height, with each point colored by the individual's category (adult, teenager, child). The code uses D3 v6 to load the CSV dataset from a GitHub repository, scales the axes with `scaleLinear`, and renders the circles as SVG elements. The chart incorporates `axisLeft` and `axisBottom` for numeric axes, with custom labels in green, all sized to the browser window.

Aayeshamanzoor111798@gmail.com
81% match