Skip to main content
SimilarExport ZIP
100%

Fork of Fork oftutorial 3.2,question

✓ Published0🌍 Public
RRakesh Yadav
Last edited Apr 12, 2024
Created on Apr 12, 2024

This example shows a scatter plot of age versus BMI from an insurance dataset, with the smoker status of each individual encoded by the shape of the marker. The visualization uses d3.scaleOrdinal with d3.symbolsFill to assign distinct symbol types, and d3.axisLeft with d3.axisBottom to create the axes. A custom legend, built with d3.symbol, displays the smoker-status shapes alongside their labels. Data is loaded asynchronously from a CSV file using d3.csvParse, and the chart updates once the dataset arrives.

AI-generated description
MIT Licensed

Similar vizzes

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
79% match
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
79% 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
78% match
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
78% match
Loading thumbnail…

Fork of Activity8_Task3_DV_LB_Q3

This scatter plot visualizes the Smoking dataset, showing the relationship between gross income and the age at which individuals began smoking, with each point colored pink for females and sky blue for males. The visualization uses D3 v6 APIs including `csv`, `scaleLinear`, `axisLeft`, and `axisBottom` to load and scale the data, then renders SVG circles positioned by income and age. The data is fetched from a remote GitHub CSV file, and the plot fills the browser window with labeled axes for Gross_Income and Smoking_At_Age.

Llikithabaddam@my.unt.edu
77% match
Loading thumbnail…

Fork of Untitled

This bar chart displays the relationship between BMI and age group from a heart disease dataset. Each bar represents the BMI value for a specific age category, plotted along the x-axis. The chart uses D3.js v4 with SVG rendering, specifically leveraging `d3.scaleBand` for the categorical x-axis and `d3.scaleLinear` for the continuous y-axis. The data is loaded from a CSV file using `d3.csv`, and bars are drawn as SVG rectangles with the class "bar". Axes are added using `d3.axisBottom` and `d3.axisLeft`.

Cchandanagandla
76% match
Loading thumbnail…

Fork of BMI by Age

This fork of the BMI by Age visualization displays a scatterplot of Body Mass Index values from a CDC dataset. The chart separates data points by gender, illustrating the distribution of BMI across different ages. The code imports data from a CSV file and uses D3's `csvParse` function to process it, while the rendering is handled through SVG elements. The visualization relies on D3.js v7 for data manipulation, including the `flatRollup` and `sum` functions to calculate average values for display alongside the plot.

MManideeprenikindi
76% 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
76% match