Fork of Activity8_Task3_DV_LB_Q3

100%

Fork of Activity8_Task3_DV_LB_Q3

✓ Published0🌍 Public

Llikithabaddam@my.unt.edu

Last edited Apr 15, 2024

Created on Apr 14, 2024

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.

AI-generated description

We are Displaying the Smoking dataset using Scatter plot.

MIT Licensed

Similar vizzes

Loading thumbnail…

Activity8_Task3_DV_LB

This visualization uses a scatter plot to examine the relationship between gross income and age within the Smoking Profits dataset, with each point colored pink or light blue to differentiate between female and male respondents. Data is loaded from a remote CSV file using the `d3.csv` method. The plot is rendered as an SVG using D3 version 6.7.0, with linear scales via `d3.scaleLinear` and axes generated with `d3.axisLeft` and `d3.axisBottom`. Circles, added through a `join` operation, represent individual data records.

Llikithabaddam@my.unt.edu

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

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

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

80% match

Loading thumbnail…

Task-7 Q3

This scatter plot displays the relationship between age and income from a CSV dataset, with each point colored by gender using a categorical color scale. The visualization uses D3 v6 to load and parse the data, then renders circles on an SVG canvas with linear scales for both axes. Axis labels are styled in green, and the plot is sized to fill the browser window. The code demonstrates loading data via a remote URL and applying D3’s scaleLinear, scaleOrdinal, axisLeft, and axisBottom functions to construct the chart.

JJames Cruz

79% match

Loading thumbnail…

Fork of Reusable Scatter plot Activity 8

This pie chart visualizes the distribution of smokers versus non-smokers in a tips dataset. It uses d3.pie and d3.arc to generate SVG path slices, with a d3.scaleOrdinal color scale distinguishing the two categories. The chart includes labeled slices showing counts, plus a legend built from SVG rect and text elements. Data is loaded asynchronously via d3.csv from a GitHub gist, and nested grouping with d3.nest calculates category frequencies.

Bboinapallyhimaja657@gmail.com

77% match

Loading thumbnail…

Fork of D3 Starter

This scatter plot visualizes the relationship between age and income, plotting individual data points as steelblue circles within a fixed 700x400 SVG canvas. The visualization loads CSV data from a GitHub repository, converts the age and income values to numbers, and maps them to screen coordinates using d3.scaleLinear scales. Axes are generated with d3.axisBottom and d3.axisLeft to show the age range from 20 to 60 and income range from $30,000 to $90,000. The chart provides a straightforward view of how income varies across different ages in the dataset.

Ccsesomarajuaswini@gmail.com

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

77% match